大佬教程收集整理的这篇文章主要介绍了如何使用jquery中的json数据填充下拉列表?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我正在使用的,
function getstate(countryId) { $.ajax({ type: "POST",url: "Reg_Form.aspx/Getstates",data: "{'countryId':" + (countryId) + "}",contentType: "application/json; charset=utf-8",global: false,async: false,dataType: "json",success: function(jsonObj) { alert(jsonObj.d); } }); return false; }
而警戒给了这个,
{"Table" : [{"statEID" : "2","statename" : "Tamilnadu"},{"statEID" : "3","statename" : "Karnataka"},{"statEID" : "4","statename" : "Andaman and Nicobar"},{"statEID" : "5","statename" : "Andhra Pradesh"},{"statEID" : "6","statename" : "Arunachal Pradesh"}]}
而我的aspx页面有这个,
<td> <asp:DropDownList ID="DLCountry" runat="server" CssClass="dropDownListSkin" onchange="return getstate(this.value);"> </asp:DropDownList> </td> <td> <asp:DropDownList ID="DLState" runat="server" CssClass="dropDownListSkin"> </asp:DropDownList> </td>
关于如何填写DLState下拉列表的任何建议…
编辑:
当我通过firebug检查我得到了我的ajax职位的回复,
{"d":"{\"Table\" : [{\"statEID\" : \"2\",\"statename\" : \"Tamilnadu\"},{\"statEID\" : \"3\",\"statename\" : \"Karnataka\"},{\"statEID\" : \"4\",\"statename\" : \"Andaman and Nicobar\"},{\"statEID\" : \"5\",\"statename\" : \"Andhra Pradesh\"},{\"statEID\" : \"6\",\"statename\" : \"Arunachal Pradesh\"},{\"statEID\" : \"7\",\"statename\" : \"Assam\"},{\"statEID\" : \"8\",\"statename\" : \"Bihar\"},{\"statEID\" : \"9\",\"statename\" : \"Dadra and N. Haveli\"},{\"statEID\" : \"10\",\"statename\" : \"Daman and Diu\"},{\"statEID\" : \"11\",\"statename\" : \"Delhi\"},{\"statEID\" : \"12\",\"statename\" : \"Goa\"},{\"statEID\" : \"13\",\"statename\" : \"Gujarat\"},{\"statEID\" : \"14\",\"statename\" : \"Haryana\"},{\"statEID\" : \"15\",\"statename\" : \"Himachal Pradesh\"},{\"statEID\" : \"16\",\"statename\" : \"JAMMu and Kashmir\"},{\"statEID\" : \"17\",\"statename\" : \"Kerala\"},{\"statEID\" : \"18\",\"statename\" : \"Laccadive Islands\"},{\"statEID\" : \"19\",\"statename\" : \"Madhya Pradesh\"},{\"statEID\" : \"20\",\"statename\" : \"Maharashtra\"},{\"statEID\" : \"21\",\"statename\" : \"Manipur\"},{\"statEID\" : \"22\",\"statename\" : \"Meghalaya\"},{\"statEID\" : \"23\",\"statename\" : \"Mizoram\"},{\"statEID\" : \"24\",\"statename\" : \"Nagaland\"},{\"statEID\" : \"25\",\"statename\" : \"Orissa\"},{\"statEID\" : \"26\",\"statename\" : \"PonDicherry\"},{\"statEID\" : \"27\",\"statename\" : \"Punjab\"},{\"statEID\" : \"28\",\"statename\" : \"Rajasthan\"},{\"statEID\" : \"29\",\"statename\" : \"Sikkim\"},{\"statEID\" : \"30\",\"statename\" : \"Tripura\"},{\"statEID\" : \"31\",\"statename\" : \"Uttar Pradesh\"},{\"statEID\" : \"32\",\"statename\" : \"West Bengal\"}]}"}
var listItems= ""; var jsonData = jsonObj.d; for (var i = 0; i < jsonData.Table.length; i++){ listItems+= "<option value='" + jsonData.Table[i].statEID + "'>" + jsonData.Table[i].statename + "</option>"; } $("#<%=DLState.ClientID%>").html(listItems);
例
<html> <head></head> <body> <SELEct id="DLState"> </SELEct> </body> </html> /*javascript*/ var jsonList = {"Table" : [{"statEID" : "2","statename" : "Arunachal Pradesh"}]} $(document).ready(function(){ var listItems= ""; for (var i = 0; i < jsonList.Table.length; i++){ listItems+= "<option value='" + jsonList.Table[i].statEID + "'>" + jsonList.Table[i].statename + "</option>"; } $("#DLState").html(listItems); });
以上是大佬教程为你收集整理的如何使用jquery中的json数据填充下拉列表?全部内容,希望文章能够帮你解决如何使用jquery中的json数据填充下拉列表?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。