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

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

所有这些答案似乎都不必要地复杂。您只需要：

var options = $('#mySelect').get(0).options;
$.each(selectValues, function(key, value) {
        options[options.length] = new Option(value, key);
});

这是完全跨浏览器兼容的。

有一种使用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");

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

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

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

简单的方法是：

$('#SelectId').html("<option value='0'>select</option><option value='1'>Laguna</option>");

我做了类似的事情，通过Ajax加载一个下拉项。上面的响应也是可以接受的，但是为了更好的性能，尽可能少地修改DOM总是很好的。

因此，与其在循环中添加每个项目，不如在循环中收集项目，并在完成后将其追加。

$(data).each(function(){
    ... Collect items
})

附加它，

$('#select_id').append(items); 

甚至更好

$('#select_id').html(items);