JSON WebサービスからHTMLへのドロップダウン

Question

JSONファイルを返すWebサービスがあります。このデータをHTML ドロップダウン（選択）で表示する必要があります。 jQueryやその他の方法でこれをどうすればできますか？

Answer 1

$.getJSON(
    "/path/to/service", 
    function(data) { 

     var $s = $('.your_select_element').empty(); 

     // the actual contents of this loop will be 
     // specific to the data 
     for (var k in data) { 
      $('<option></option>') 
       .val(data[k].value) 
       .text(data[k].text) 
       .appendTo($s); 
     } 
    } 
) 

Answer 2

$.ajax({ 
    url: "http://pathto.html", 
    dataType: JSON, 
    success: function(data){ 
     $(data).each(function(){ 
      $("select").append();//Append what you want. 
     }); 
    }