就我个人而言，我更喜欢用这种语法附加选项：

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

如果要从项目集合中添加选项，可以执行以下操作：

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', { 
        value: item.value,
        text : item.text 
    }));
});

$(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循环构建自定义函数。。。然后调用文档就绪中的函数。。。干杯

为什么不简单呢？

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

这很好。

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

选项1-

你可以试试这个-

$('#selectID').append($('<option>',
 {
    value: value_variable,
    text : text_variable
}));

像这样-

对于（i=0；i<10；i++）{ $（'#mySelect'）.append（$（'<option>'，{值：i，text:“选项”+i}));}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id='mySelect'></select>

选项2-

或者试试这个-

$('#selectID').append( '<option value="'+value_variable+'">'+text_variable+'</option>' );

像这样-

对于（i=0；i<10；i++）{ $（'#mySelect'）.append（'<option value=“'+i+'”>'+'option'+i+'</option>'）；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id='mySelect'></select>

根据dule对附加一系列项目的回答。。。也会创造奇迹：

let cities={'ny'：'纽约'，'d'：'伦敦'，'b'：'迪拜'，'pk'：'北京'，'k'：'东京'，'nd'：'新德里'}；for（让c在城市中）｛$（“#selectCity”）.append（$（“＜option＞”，｛value:c，text:city[c]｝）｝<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js“></script><select id=“selectCity”></select>

对象值和索引都指定给选项。这个解决方案甚至可以在旧的jQuery（v1.4）中使用！