11

我经历了这个小提琴，它有一个带有 json 数据的三个下拉列表的样本。我在这里有一个示例 google 电子表格。现在可以将此电子表格数据呈现为 fiddle 中给出的 json 格式的示例。我知道我们可以将电子表格转换为 json，

 var query = new google.visualization.Query('http://spreadsheets.google.com/tq?key=0AozvCNI02VmpdDkwR3RETmczbTI4ZFJhTXJkZHlUbEE#gid=0');
 query.send(handleQueryResponse);
 }
 function handleQueryResponse(response) {
    data = response.getDataTable();
    }

但是使用这个下拉菜单不起作用。

4

1 回答 1

14

我不确定您的操作方式，但可以通过不同的方式完成。请使用您的示例数据 查看此小提琴，并在下面查看代码。

基本上，您使用以下 HTML 脚本标签从电子表格中调用 JSON 数据。

<script src="http://spreadsheets.google.com/feeds/list/0An1-zUNFyMVLdEFEdVV3N2h1SUJOdTdKQXBfbGpNTGc/1/public/values?alt=json-in-script&amp;callback=importGSS"></script>

请注意，我正在链接到您的电子表格的副本，因为它需要通过发布

然后，您可以使用以下脚本处理数据。

function importGSS(json){
    for(var i = 0; i < json.feed.entry.length; i++){
        var entry = json.feed.entry[i];
        $('#departments').append('<option>' + entry.gsx$subdivision.$t + '</option>');
        $('#subject').append('<option>' + entry.gsx$section.$t + '</option>');
        $('#services').append('<option>' + entry.gsx$station.$t + '</option>');
    }
}

您显然可以适应自己的需求。

于 2013-04-27T21:38:16.037 回答