jQuery 如何有效地向 HTML 元素添加选项？

在 HTML 的 中扩展选项使用 jQuery 的元素

将选项附加到选择列表

在增强网页上 HTML 元素的功能时，jQuery 提供了一组强大的方法。其中，向添加选项的能力是最重要的。使用 jQuery 的下拉菜单已被证明特别有用。本文探讨了完成此任务的最有效方法。

直接方法

您可能首先考虑使用以下代码来附加选项：

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

虽然这种方法在技术上可能可行，但有一种更有效的语法：推荐：

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

此技术创建一个选项元素（），动态分配其值和文本属性。

批量附加选项

在需要从项目集合中添加多个选项的情况下，更有效的方法是available:

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

这里，jQuery 的 $.each() 方法迭代集合（项目），为每个项目创建并附加选项元素。这确保了所有选项都添加到 中。有效地元素。

以上是jQuery 如何有效地向 HTML 元素添加选项？的详细内容。更多信息请关注PHP中文网其他相关文章！