如果您在select中有optgroup，则在DOM中出现错误。

我认为最好的方法是：

$("#select option:last").after($('<option value="1">my option</option>'));

如果要在选择中的特定索引处插入新选项：

$("#my_select option").eq(2).before($('<option>', {
    value: 'New Item',
    text: 'New Item'
}));

这将在选择中插入“新项目”作为第三个项目。

根据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）中使用！

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

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

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

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

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

选项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>