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中文網其他相關文章！