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