这里可以找到jQuery插件：使用jQuery和AJAX自动填充选择框。

还有一种方法：

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

简单的方法是：

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

我决定插嘴。

处理先前选择的选项；当我们附加仅使用追加命中DOM一次添加更多选项时处理多个属性演示如何使用对象演示如何使用对象数组进行映射

//对象作为值/desc让selectValues={“1”：“测试1”，“2”：“测试2”，“3”：“测试3”，“4”：“测试四”};//在这里使用div，因为使用“select”会破坏“mySelect”中的原始选定值let opts=$（“<div/>”）；让opt={}；$.each（选择值，函数（值，描述）{opts.append（$（'<option/>'）.prop（“value”，value）.text（desc））；});opts.find（“option”）.appendTo（'#mySelect'）；//对象中称为“选项”的对象数组让selectValuesNew={选项：[{值：“1”，description:“2测试1”},{值：“2”，description:“2测试2”，选定：真},{值：“3”，description:“2测试3”},{值：“4”，description:“2测试四”}]};//在这里使用div，因为使用“select”会破坏原始选定值让opts2=$（“<div/>”）；让opt2＝{}//仅在添加所有选项后追加$.map（selectValuesNew.options，函数（val，索引）{opts2.append（$（'<option/>'）.prop（“值”，val.value）.prop（“选定”，值选定）.text（值描述））；});opts2.find（“option”）.appendTo（“#mySelectNew”）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id=“mySelect”><option value=“”selected=“selected”>空</option></选择><select id=“mySelectNew”multiple=“multiple”><option value=“”selected=“selected”>2空</option></选择>

被警告。。。我在Android 2.2（Cyanogen 7.0.1）手机（T-Mobile G2）上使用jQuery Mobile 1.0b2和PhoneGap 1.0.0，根本无法使用.append（）方法。我不得不像下面这样使用.html（）：

var options;
$.each(data, function(index, object) {
    options += '<option value="' + object.id + '">' + object.stop + '</option>';
});

$('#selectMenu').html(options);

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（）方法中进行了一些解析）