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 output = [];

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

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

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

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

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

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

使用$.map（）函数，可以以更优雅的方式执行此操作：

$('#mySelect').html( $.map(selectValues, function(val, key){
    return '<option value="' + val + '">'+ key + '</option>';
}).join(''));

jQuery

var list = $("#selectList");
$.each(items, function(index, item) {
  list.append(new Option(item.text, item.value));
});

香草JavaScript

var list = document.getElementById("selectList");
for(var i in items) {
  list.add(new Option(items[i].text, items[i].value));
}

大多数其他答案使用each函数对selectValues进行迭代。这需要为每个元素调用append，并在单独添加每个元素时触发回流。

将此答案更新为更惯用的函数方法（使用现代JS）可以形成为只调用append一次，使用map和option元素构造函数创建一个option元素数组。

使用OptionDOM元素应该可以减少函数调用开销，因为在创建后不需要更新Option元素，也不需要运行jQuery的解析逻辑。

$('mySelect').append($.map(selectValues, (k, v) => new Option(k, v)))

如果您创建一个将新建选项对象的工厂实用程序函数，则可以进一步简化此过程：

const newoption = (...args) => new Option(...args)

然后，这可以直接提供给地图：

$('mySelect').append($.map(selectValues, newoption))

以前的公式

因为append还允许将值作为可变数量的参数传递，所以我们可以预先创建选项元素映射列表，并使用apply将它们作为参数附加到单个调用中。

$.fn.append.apply($('mySelect'), $.map(selectValues, (k, v) => $("<option/>").val(k).text(v)));

在jQuery的后续版本中，append也接受数组参数，这可以稍微简化：

$('mySelect').append($.map(selectValues, (k, v) => $("<option/>").val(k).text(v)))