javascript - 将选项添加到 <select>使用jQuery吗？(Adding options to a <select> using jQuery?)

Question

What's the easiest way to add an option to a dropdown using jQuery?

(使用jQuery向下拉菜单添加option的最简单方法是什么？)

Will this work?

(这样行吗？)

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

  ask by Click Upvote translate from so

Answer 1

Personally, I prefer this syntax for appending options:

(就个人而言，我更喜欢以下语法来附加选项：)

$('#mySelect').append($('<option>', {
    value: 1,
    text: 'My option'
}));

If you're adding options from a collection of items, you can do the following:

(如果要从一组项目中添加选项，则可以执行以下操作：)

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', { 
        value: item.value,
        text : item.text 
    }));
});