如何使用 jQuery 高效地将选项添加到下拉列表？

使用 jQuery 填充下拉选项

问题：

如何轻松地将选项添加到使用 jQuery 下拉菜单？具体来说，此代码片段是否正确：

$("#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
    }));
});

此方法会迭代集合中的每个项目并动态创建必要的选项。

以上是如何使用 jQuery 高效地将选项添加到下拉列表？的详细内容。更多信息请关注PHP中文网其他相关文章！