谷歌電子表格的JSON數據

我經歷了this fiddle，它有一個json數據的三個下拉樣本。我有一個示例谷歌spreadsheet here。現在可以將這個電子數據表數據渲染爲小提琴的json格式。我知道我們可以轉換成電子表格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(); 
    }

但是使用這個下拉沒有作品。

來源

2013-04-26 mpsbhat

我不確定你做這件事的方式，但它可以用不同的方式完成。請參閱this fiddle使用您的示例數據，以及下面的代碼。

基本上，您可以使用下面的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-27 21:38:16 dev

我需要類似的東西。但也希望在下拉菜單中使用iterlinking和獨特的值。 – mpsbhat 2013-04-29 04:34:27

恐怕沒有更詳細的描述，我無法描繪你想要的內容。我上面的代碼非常簡單，所以我希望它能幫助你實現目標 – dev 2013-04-29 17:39:24

請在谷歌[此示例]（http://jsfiddle.net/NEyEh/）中選擇第一個下拉列表中的IT選項它的孩子在第二下拉。同樣，選擇會計時，會顯示其子女等。但在這個例子中，數據是硬編碼的json。但是，是否可以從Google電子表格數據創建相同類型的下拉菜單？ – mpsbhat 2013-04-30 05:00:52

谷歌電子表格的JSON數據

回答

相關問題