这个解决方案在Chrome中存在排序问题（jQuery 1.7.1）（Chrome按名称/编号对对象财产进行排序？）所以为了保持秩序（是的，这是滥用对象），我改变了这个：

optionValues0 = {"4321": "option 1", "1234": "option 2"};

到此为止

optionValues0 = {"1": {id: "4321", value: "option 1"}, "2": {id: "1234", value: "option 2"}};

然后每个$.看起来像：

$.each(optionValues0, function(order, object) {
  key = object.id;
  value = object.value;
  $('#mySelect').append($('<option>', { value : key }).text(value));
}); 

我发现这很简单，效果很好。

for (var i = 0; i < array.length; i++) {
    $('#clientsList').append($("<option></option>").text(array[i].ClientName).val(array[i].ID));
};

我决定插嘴。

处理先前选择的选项；当我们附加仅使用追加命中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></选择>

与其他答案相同，以jQuery方式：

$.each(selectValues, function(key, value) {   
     $('#mySelect')
         .append($("<option></option>")
                    .attr("value", key)
                    .text(value)); 
});

有一种使用MicrosoftTemplateing方法的方法，目前正在提议将其纳入jQuery核心。使用模板功能更强大，因此对于最简单的场景，它可能不是最佳选项。有关更多详细信息，请参阅Scott Gu概述这些功能的帖子。

首先包括github提供的模板js文件。

<script src="Scripts/jquery.tmpl.js" type="text/javascript" />

下一步设置模板

<script id="templateOptionItem" type="text/html">
    <option value=\'{{= Value}}\'>{{= Text}}</option>
</script>

然后使用数据调用.render（）方法

var someData = [
    { Text: "one", Value: "1" },
    { Text: "two", Value: "2" },
    { Text: "three", Value: "3"}];

$("#templateOptionItem").render(someData).appendTo("#mySelect");

我在博客中详细介绍了这种方法。

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一次。