function populateDropdown(select, data) {   
    select.html('');   
    $.each(data, function(id, option) {   
        select.append($('<option></option>').val(option.value).html(option.name));   
    });          
}   

它与jQuery1.4.1配合得很好。

有关在ASP.NET MVC和jQuery中使用动态列表的完整文章，请访问：

使用MVC和jQuery的动态选择列表

if (data.length != 0) {
    var opts = "";
    for (i in data)
        opts += "<option value='"+data[i][value]+"'>"+data[i][text]+"</option>";

    $("#myselect").empty().append(opts);
}

这只在第一次构建一个巨大字符串后操纵DOM一次。

var output = [];

$.each(selectValues, function(key, value)
{
  output.push('<option value="'+ key +'">'+ value +'</option>');
});

$('#mySelect').html(output.join(''));

这样，您只需“触摸DOM”一次。

我不确定最新的一行是否可以转换为$（'#mySelect'）.html（output.join（''）），因为我不知道jQuery的内部结构（可能它在html（）方法中进行了一些解析）

我决定插嘴。

处理先前选择的选项；当我们附加仅使用追加命中DOM一次添加更多选项时处理多个属性演示如何使用对象演示如何使用对象数组进行映射

//对象作为值/desc让selectValues={“1”：“测试1”，“2”：“测试2”，“3”：“测试3”，“4”：“测试四”};//在这里使用div，因为使用“select”会破坏“mySelect”中的原始选定值let opts=$（“<div/>”）；让opt={}；$.each（选择值，函数（值，描述）{opts.append（$（'<option/>'）.prop（“value”，value）.text（desc））；});opts.find（“option”）.appendTo（'#mySelect'）；//对象中称为“选项”的对象数组让selectValuesNew={选项：[{值：“1”，description:“2测试1”},{值：“2”，description:“2测试2”，选定：真},{值：“3”，description:“2测试3”},{值：“4”，description:“2测试四”}]};//在这里使用div，因为使用“select”会破坏原始选定值让opts2=$（“<div/>”）；让opt2＝{}//仅在添加所有选项后追加$.map（selectValuesNew.options，函数（val，索引）{opts2.append（$（'<option/>'）.prop（“值”，val.value）.prop（“选定”，值选定）.text（值描述））；});opts2.find（“option”）.appendTo（“#mySelectNew”）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id=“mySelect”><option value=“”selected=“selected”>空</option></选择><select id=“mySelectNew”multiple=“multiple”><option value=“”selected=“selected”>2空</option></选择>

对老@joshberry的回答进行了改进：

看起来plain.append也能像预期的那样工作，

$("#mySelect").append(
  $.map(selectValues, function(v,k){

    return $("<option>").val(k).text(v);
  })
);

或更短，

$("#mySelect").append(
  $.map(selectValues, (v,k) => $("<option>").val(k).text(v))
  // $.map(selectValues, (v,k) => new Option(v, k)) // using plain JS
);

与其在任何地方重复相同的代码，我建议您最好编写自己的jQuery函数，如：

jQuery.fn.addOption = function (key, value) {
    $(this).append($('<option>', { value: key }).text(value));
};

然后，要添加选项，只需执行以下操作：

$('select').addOption('0', 'None');