无论出于何种原因执行$（“#myselect”）.append（新选项（“text”，“text”））；在IE7中对我不起作用+

我必须使用$（“#myselect”）.html（“<option value='text'>text</option>”）；

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

我认为最好的方法是：

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

$('#mySelect').empty().append('<option value=1>My option</option>').selectmenu('refresh');

有两种方法。您可以使用这两种方法中的任何一种。

第一：

$('#waterTransportationFrom').append('<option value="select" selected="selected">Select From Dropdown List</option>');

第二：

$.each(dataCollecton, function(val, text) {            
    options.append($('<option></option>').val(text.route).html(text.route));
});

这只是最佳性能的快速要点

总是当你处理很多选项时，建立一个大字符串，然后将其添加到“select”中以获得最佳性能

f.g.

var$mySelect=$（'#mySelect'）；var str=“”；

$.each(items, function (i, item) {
    // IMPORTANT: no selectors inside the loop (for the best performance)
    str += "<option value='" + item.value + "'> " + item.text + "</option>";
});
// you built a big string

$mySelect.html(str); // <-- here you add the big string with a lot of options into the selector.
$mySelect.multiSelect('refresh');

甚至更快

var str = ""; 
for(var i; i = 0; i < arr.length; i++){
    str += "<option value='" + item[i].value + "'> " + item[i].text + "</option>";
}    
$mySelect.html(str);
$mySelect.multiSelect('refresh');

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

输出：

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”></选择>