ajax 加载数据到下拉框

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>");

}