这在IE8中不起作用（但在FF中起作用）：

$("#selectList").append(new Option("option text", "value"));

这确实有效：

var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
$(o).html("option text");
$("#selectList").append(o);

$(function () {
     var option = $("<option></option>");
     option.text("Display text");
     option.val("1");
     $("#Select1").append(option);
});

如果您从某个对象获取数据，那么只需将该对象转发到函数。。。

$(function (product) {
     var option = $("<option></option>");
     option.text(product.Name);
     option.val(product.Id);
     $("#Select1").append(option);
});

名称和Id是对象财产的名称。。。所以你可以随便叫他们。。。当然，如果您有Array。。。你想用for循环构建自定义函数。。。然后调用文档就绪中的函数。。。干杯

答案中没有提及，但很有用。如果您希望也选择该选项，您可以添加：

var o = new Option("option text", "value");
o.selected=true;
$("#mySelect").append(o);

为什么不简单呢？

$('<option/>')
  .val(optionVal)
  .text('some option')
  .appendTo('#mySelect')

此处测试：

for（设i=0；i<10；i++）{$（'<option/>'）.val（i）.text（'option'+i）.appendTo（'#mySelect'）}<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><select id=“mySelect”></select>

当您附加选项并使用jqueryvalidate时，我们发现了一些问题。您必须在选择多个列表中单击一个项目。您将添加此代码以处理：

$("#phonelist").append("<option value='"+ 'yournewvalue' +"' >"+ 'yournewvalue' +"</option>");

$("#phonelist option:selected").removeAttr("selected"); // add to remove lase selected

$('#phonelist option[value=' + 'yournewvalue' + ']').attr('selected', true); //add new selected

我就是这样做的，用一个按钮添加每个选择标记。

$(document).on("click","#button",function() {
   $('#id_table_AddTransactions').append('<option></option>')
}