您可以在ES6中执行此操作：

$.each(json, (i, val) => {
    $('.js-country-of-birth').append(`<option value="${val.country_code}"> ${val.country} </option>`);
  });

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

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

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

可以使用文本附加和设置“值”属性：

$("#id").append($('<option></option>').attr("value", '').text(''));
$("#id").append($('<option></option>').attr("value", '4').text('Financial Institutions'));

这很好。

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

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

第一：

$('#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 o = new Option("option text", "value");
o.selected=true;
$("#mySelect").append(o);