JSONの結果をドロップダウンリストに

Question

こんにちは私はWebフォームで作業しています。 私はすべてのユニットを保持するコンボボックスを持っています。 私はすべてのユニットをデータベースから取り出しましたJSONを使用して、これらのユニットをすべてドロップダウンリストにバインドする必要があります どうしたらいいですか？一例では

function getUnitFamily(pack_detl_ID,select) { 
     //***********************************// 
     PageMethods.getUnitFamily(pack_detl_ID, 
           function(result) { 
            if (result != null) { 
             custinfo = eval(result); 
             if (custinfo != null) { 


              $('#<%=drpUnit.ClientID%> option').remove(); 
              var objSub = document.getElementById('<%=drpUnit.ClientID%>'); 
              $.each(custinfo, function(i, item) { 

          listOpt = document.createElement("option"); 
               listOpt.value = item[0]; 
               listOpt.text = item[1]; 
               objSub.add(listOpt); 
              }); 

              alert(select); 
        document.getElementById('<%= drpUnit.ClientID %>').value = select; 


             } 
            } 
           }, pageMethodError); 

いずれかを使用すると、ASP.NETコントロールを使用しているようにコンボボックスが聞こえる

Answer 1

を説明することができます。もちろん、コードの背後にあるコントロールに項目をバインドすることができます。いくつかのAJAXのことをやっていて、あなたのページにドロップダウン（要素>）を置いてクライアント側に配置したいのであれば、jQueryが提供しているものを見てみてください。ドロップダウンで作業するとき、私はプラグインを使用していた過去に

var options = $("#options"); 
$.each(result, function() { 
    options.append($("<option />").val("sometext").text("sometext")); 
}); 

Answer 2

：たとえば、あなたのデータを取得し、そのようなあなたのドロップダウンにそのデータをプッシュするAJAX APIを使用します。

http://www.texotela.co.uk/code/jquery/select

要求JSONデータ：

//Get the JSON Data 
$.getJSON(url, function(json) { 
    PopulateDropDownFromJson(json, "#element"); 
}); 

、その後、ちょうどこれはGoogleにとって問題の詳細です

function PopulateDropDownFromJson(json, element){ 
    $.each(json, function() { 
    $(element).addOption(this[valueText], this[displayText], false); 
}); 

}