使用jQuery从JavaScript对象向＜select＞添加选项的最佳方法是什么？
我正在寻找一些不需要插件的东西，但我也会对现有的插件感兴趣。
这是我所做的：
selectValues = { "1": "test 1", "2": "test 2" };
for (key in selectValues) {
if (typeof (selectValues[key] == 'string') {
$('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>');
}
}
干净/简单的解决方案：
这是matdumsa的清理和简化版本：
$.each(selectValues, function(key, value) {
$('#mySelect')
.append($('<option>', { value : key })
.text(value));
});
matdumsa的更改：（1）删除了append（）内选项的close标记，（2）将财产/属性作为append）的第二个参数移动到映射中。
这个解决方案在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));
});
将HTML选择id设置为以下行。在这里，mySelect用作select元素的id。
var options = $("#mySelect");
然后获取这个场景中的selectValues对象，并将其设置为每个循环的jquery。它将相应地使用对象的值和文本，并将其附加到选项选择中，如下所示。
$.each(selectValues, function(val, text) {
options.append(
$('<option></option>').val(val).html(text)
);
});
当选择下拉列表时，这将显示文本作为选项列表，一旦选择文本，将使用所选文本的值。
Eg.
“1”：“测试1”，“2”：“测试2”，
下拉列表，
显示名称：测试1->值为1显示名称：测试2->值为2
对老@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
);
