如果您不必支持旧的IE版本，那么使用Option构造函数显然是一种可读且高效的解决方案：

$(new Option('myText', 'val')).appendTo('#mySelect');

它的功能等同于，但比：

$("<option></option>").attr("value", "val").text("myText")).appendTo('#mySelect');

这个解决方案在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));
}); 

这看起来更好，提供了可读性，但比其他方法慢。

$.each(selectData, function(i, option)
{
    $("<option/>").val(option.id).text(option.title).appendTo("#selectBox");
});

如果您想要速度，最快（经过测试）的方法是使用数组，而不是字符串串联，并且只使用一个追加调用。

auxArr = [];
$.each(selectData, function(i, option)
{
    auxArr[i] = "<option value='" + option.id + "'>" + option.title + "</option>";
});

$('#selectBox').append(auxArr.join(''));

还有一种方法：

var options = [];    
$.each(selectValues, function(key, value) {
    options.push($("<option/>", {
        value: key,
        text: value
    }));
});
$('#mySelect').append(options);

 var output = [];
 var length = data.length;
 for(var i = 0; i < length; i++)
 {
    output[i++] = '<option value="' + data[i].start + '">' + data[i].start + '</option>';
 }

 $('#choose_schedule').get(0).innerHTML = output.join('');

我做了一些测试，我相信这是最快的P

这稍微更快更干净。

var选择值={“1”：“测试1”，“2”：“测试2”};var$mySelect=$（'#mySelect'）；//$.each（选择值、功能（键、值）{var$option=$（“<option/>”{value：键，文本：值});$mySelect.append（$option）；});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id=“mySelect”></select>