为什么不简单呢？

$('<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>

您可以将选项动态添加到下拉列表中，如下图所示。在此示例中，我获取了数组数据，并将这些数组值绑定到下拉列表中，如输出截图所示

输出：

var resultData=[“孟买”，“德里”，“钦奈”，“果阿”]$（文档）.ready（函数）{var myselect=$（'<select>'）；$.each（resultData，函数（索引，键）{myselect.append（$（'<option></option>'）.val（key）.html（key））；});$（“#selectCity”）.append（myselect.html（））；});<script src=“https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script><select id=“selectCity”></选择>

这个怎么样

var numbers = [1, 2, 3, 4, 5];
var option = '';

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

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

这在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);

这很简单：

$('#select_id').append('<option value="five" selected="selected">Five</option>');

or

$('#select_id').append($('<option>', {
                    value: 1,
                    text: 'One'
                }));

这很好。

如果添加多个选项元素，我建议执行一次追加，而不是对每个元素执行追加。