协慌网

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

这会工作吗？

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

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

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

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

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

这在 IE8 中不起作用（但在 FF 中却有效）：

$("#selectList").append(new Option("option text", "value"));

此 DID 的工作：

var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
$(o).html("option text");
$("#selectList").append(o);

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

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

2. $('#select').append('<option value="1">One</option>');

3. var option = new Option(text, value); $('#select').append($(option));