html:

<select class="form-control" id="cRoleName" name="cRoleName">
</select>

js:

$.ajax({

url: "../request.ashx?act=getrole",data: "",type: "get",async: false,contentType: "application/json",dataType: "json",success: function (data) { var ddl = $("#cRoleName"); //删除节点 RemoveOption(); //方法1：添加默认节点 ddl.append("<option value=''>请选择</option>"); //方法2：添加默认节点 //ddl[0].options.add(new Option("请选择","")); //转成Json对象 var result = eval(data); //循环遍历 下拉框绑定 $(result).each(function (key) { //第一种方法 var opt = $("<option></option>").text(result[key].cRoleName).val(result[key].cRoleName); 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); // }); },complete: function () { },error: function () { } }); function RemoveOption() { $("#cRoleName option").remove(); } function AppendOption(value,text) { $("#cRoleName").append("<option value='" + value + "'>" + text + "</option>"); } 原文链接：https://www.f2er.com/ajax/162694.html