我经历了 这个小提琴 其中有一个带有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();
}
但是使用这个下拉列表不起作用。
我不确定你这样做的方式，但可以用不同的方式完成。请参见 这个小提琴 使用您的示例数据，以及下面的代码。
基本上，您使用以下HTML脚本标记从电子表格中调用JSON数据。
<script src="http://spreadsheets.google.com/feeds/list/0An1-zUNFyMVLdEFEdVV3N2h1SUJOdTdKQXBfbGpNTGc/1/public/values?alt=json-in-script&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>');
}
}
您显然可以适应自己的需求。
我不确定你这样做的方式，但可以用不同的方式完成。请参见 这个小提琴 使用您的示例数据，以及下面的代码。
基本上，您使用以下HTML脚本标记从电子表格中调用JSON数据。
<script src="http://spreadsheets.google.com/feeds/list/0An1-zUNFyMVLdEFEdVV3N2h1SUJOdTdKQXBfbGpNTGc/1/public/values?alt=json-in-script&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>');
}
}
您显然可以适应自己的需求。