就像标题中所说的那样,尽管我对尚未付诸实践的理论很熟悉,但我仍在尝试使用jQuery,JSON和AJAX创建下拉菜单,因此,任何建议,演示代码段或教程都将不胜感激,因为我想开始最好的开始!
提前感谢!
您需要执行$ .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")
$("select option:selected")