使用jQuery，JSON和AJAX填充下拉列表

Question

就像标题中所说的那样，尽管我对尚未付诸实践的理论很熟悉，但我仍在尝试使用jQuery，JSON和AJAX创建下拉菜单，因此，任何建议，演示代码段或教程都将不胜感激，因为我想开始最好的开始！

提前感谢！

Answer 1

您需要执行$
.getJSON调用以从document.load或其他一些事件http://api.jquery.com/jQuery.getJSON/上的服务器中获取json
。之后，您必须遍历数据并将其附加到选择框。看到http://www.jsfiddle.net/Dyc9Y/1/

<select id="fillME"></select>
<button id="startFilling" value="">Start ajax</button>
$(function(){
 var json = {
                 "0":  {"title":"localjsonOPtion1", "value":"b"},
                 "1":  {"title":"localjsonOPtion2", "value":"a"}
            };

  $("#startFilling").click(function(){

    $.getJSON("http://localdev.myvouchercodes.co.uk/local/default/search/jsonresponse", function(data){
         $("#fillME").html("");
        for(key in data)
            $("#fillME").append("<option value='"+json [key].value+"'>"+json[key].title+"</option>");
        for(key in json)
            $("#fillME").append("<option value='"+json [key].value+"'>"+json[key].title+"</option>");
   });    
 });
});

上面的例子当然取决于具有以下格式的json。

{ 
   "0":  {"title":"option1", "value":"1"},
   "1":  {"title":"option2", "value":"2"}
}

编辑：
您还需要熟悉选择框更改事件http://api.jquery.com/change/和
：选择选择 ，让你来去选择框选择的选项
http://api.jquery.com/选择选择器/ 喜欢
$("select option:selected")