用jQuery向SELECT作为JS对象添加选项的最佳方法是什么？

Question

用jQuery向SELECT作为JS对象添加选项的最佳方法是什么？向<select>来自使用jQuery的JavaScript对象？我正在寻找的东西，我不需要一个插件来做，但我也会感兴趣的插件，是外面的。我就是这样做的：selectValues = { "1": "test 1", "2": "test 2" };for (key in selectValues) {   if (typeof (selectValues[key] == 'string') {     $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>');   }}一个干净/简单的解决方案：这是一个经过清理和简化的马特姆萨的版本:$.each(selectValues, function(key, value) {      $('#mySelect')           .append($('<option>', { value : key })           .text(value));});来自matdusa的更改：(1)删除了append()内选项的关闭标记，(2)将属性/属性作为append()的第二个参数移到映射中。

Answer 1

与其他答案一样，用jQuery的方式：

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

Answer 2

var output = [];$.each(selectValues, function(key, value){
  output.push('<option value="'+ key +'">'+ value +'</option>');});$('#mySelect').html(output.join(''));

以这种方式，您“触摸DOM”只有一次。