11

json データを含む 3 つのドロップダウンのサンプルがあるこのフィドルを調べました。ここに 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 に答える