最快的方法是:

 $.getJSON("/Admin/GetFolderList/", function(result) {
        var optionsValues = '<select>';
        $.each(result, function(item) {
            optionsValues += '<option value="' + item.ImageFolderID + '">' + item.Name + '</option>';
        });
        optionsValues += '</select>';
        var options = $('#options');
        options.replaceWith(optionsValues);
    });

根据这个链接是最快的方法，因为在进行任何类型的DOM插入时，都将所有内容包装在一个元素中。

function LoadCategories() {
    var data = [];
    var url = '@Url.Action("GetCategories", "InternalTables")';
    $.getJSON(url, null, function (data) {
        data = $.map(data, function (item, a) {
            return "<option value=" + item.Value + ">" + item.Description + "</option>";
        });
        $("#ddlCategory").html('<option value="0">Select</option>');
        $("#ddlCategory").append(data.join(""));
    });
}

我读过使用文档片段是高性能的，因为它避免了每次插入DOM元素时页面回流，它也被所有浏览器(甚至ie6)很好地支持。

var fragment = document.createDocumentFragment(); 美元。Each (result, function() { 片段。列表末尾($(“<选项/ >”).val (this.ImageFolderID)。text (this.Name) [0]); })； $(" #选项”).append(片段);

我第一次读到这个是在CodeSchool的JavaScript最佳实践课程中。

这里是不同方法的比较，感谢作者。

下面是填充id为“FolderListDropDown”的下拉列表的Jquery方法。

$.getJSON("/Admin/GetFolderList/", function(result) {
    for (var i = 0; i < result.length; i++) {
        var elem = $("<option></option>");
        elem.attr("value", result[i].ImageFolderID);
        elem.text(result[i].Name);
        elem.appendTo($("select#FolderListDropDown"));
     }
});

我希望这能有所帮助。 我通常使用函数而不是每次都写所有的代码。

    $("#action_selector").change(function () {

        ajaxObj = $.ajax({
            url: 'YourURL',
            type: 'POST', // You can use GET
            data: 'parameter1=value1',
            dataType: "json",
            context: this,                
            success: function (data) {
                json: data              
            },
            error: function (request) {
                $(".return-json").html("Some error!");
            }
        });

        json_obj = $.parseJSON(ajaxObj.responseText);            

        var options = $("#selector");
        options.empty();
        options.append(new Option("-- Select --", 0));
        $.each(ajx_obj, function () {
            options.append(new Option(this.text, this.value));
        });
    });
});

或者:

var options = $("#options");
$.each(data, function() {
    options.append(new Option(this.text, this.value));
});