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