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

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

第一：

$('#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 select = $('#myselect');
var newOptions = {
                'red' : 'Red',
                'blue' : 'Blue',
                'green' : 'Green',
                'yellow' : 'Yellow'
            };
$('option', select).remove();
$.each(newOptions, function(text, key) {
    var option = new Option(key, text);
    select.append($(option));
});

为什么不简单呢？

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

我就是这样做的，用一个按钮添加每个选择标记。

$(document).on("click","#button",function() {
   $('#id_table_AddTransactions').append('<option></option>')
}

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

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