---恢复内容开始---
方法一
js-ajax部分
function GetDListOfCt() { $.ajax({ url: "../../Ajax/Boss_Show.ashx?type=GetCtName", data: {}, type: "post", dataType: "json", success: function (data) { var ddl = $("#ddlCaption"); for (var i = 0; i < data.length; i++) { var text = data[i].RealName; var value = data[i].id ; document.getElementById('ddlCaption').add(new Option(text, value));//绑定DropDownList的value值，text值 } }, }); }
方法二
js部分
Js代码 1 <script type="text/javascript"> $(function () { $("#btnGet").click(function () { $.ajax({ url: "GetDatas.ashx", type: "Post", contentType: "application/json", dataType: "json", success: function (data) { var ddl = $("#ddlDatas"); //删除节点 RemoveOption(); //方法1：添加默认节点 ddl.append("<option value='-1'>--请选择--</option>"); //方法2：添加默认节点 //ddl[0].options.add(new Option("--请选择--", "-1")); //转成Json对象 var result = eval(data); //循环遍历 下拉框绑定 $(result).each(function (key) { //第一种方法 var opt = $("<option></option>").text(result[key].ProName).val(result[key].ProID); ddl.append(opt); //第二种方法 // var proid = result[key].ProID; // var proname = result[key].ProName; //调用自定义方法 //AppendOption(proid, proname); }); //第三种方法 //$.each(result, function (key, value) { //alert("dd"); //var op = new Option(value.ProName, value.ProID); // ddl[0].options.add(op); // }); }, error: function (data) { alert("Error"); } }); }); }); function RemoveOption() { $("#ddlDatas option").remove(); } function AppendOption(value, text) { $("#ddlDatas").append("<option value='" + value + "'>"+ text + "</option>"); } </script>
html部分
Html1 <body> <form id="form1" runat="server"> <div> <asp:DropDownList ID="ddlDatas" name="prov" runat="server" style="200px;"> </asp:DropDownList> <input type="button" id="btnGet" value="获取数据" /> </div> </form> </body>
ajax部分
using Newtonsoft.Json; DataTable dt = ds.Tables[0]; string dtg = JsonConvert.SerializeObject(dt); context.Response.Write(dtg); context.Response.End();
（此内容仅自己收藏查阅。若侵犯布者利益 ，请与我联系删除）
内容选自 http://www.cnblogs.com/holyknight-zld/archive/2012/10/23/Json_Bind_DropDownList.html
---恢复内容结束---