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

第一：

$('#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中有optgroup，则在DOM中出现错误。

我认为最好的方法是：

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

您可以使用以下语法添加选项，也可以访问jQuery中的way handle选项以了解更多详细信息。

$（'#select'）.append（$（'<option>'，｛value:1，text:'One'｝））；$（'#select'）.append（'<option value=“1”>一个</option>'）；var option=新选项（文本，值）$（'#select'）.append（$（选项））；

仅通过单线

   $.each(result, function (k,v) {
                         **if(k == selectedMonthNumber) var selectedMonth = 'selected'; else var selectedMonth = '';**
                             $("#periodMonth").append($('<option>', {
                                 value: k,
                                 text: v,
                                 **selected: selectedMonth**
                         }));
                    })

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

第一：

$('#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));
});

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

输出：

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