如果有人来这里寻找添加数据财产选项的方法

使用属性

var option = $('<option>', { value: 'the_value', text: 'some text' }).attr('family', model.family);

使用数据-版本1.2.3

var option = $('<option>', { value: 'the_value', text: 'some text' }).data('misc', 'misc-value);

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

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

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

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

我喜欢使用非jquery方法：

mySelect.add(new Option('My option', 1));

为了提高性能，您应该尝试只更改DOM一次，如果要添加许多选项，则更应该如此。

var html = '';

for (var i = 0, len = data.length; i < len; ++i) {
    html.join('<option value="' + data[i]['value'] + '">' + data[i]['label'] + '</option>');
}           

$('#select').append(html);

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

我认为最好的方法是：

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