如何使用 jQuery 有效率地在下拉式選單中新增選項？

使用 jQuery 增強下拉清單

自訂下拉清單時，了解如何動態新增選項至關重要。讓我們探索一些 jQuery 方法來簡化此任務。

使用HTML 附加選項的傳統方法可能會起作用，正如您所建議的：

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

但是，還有更有效率、更簡潔的方法.

使用jQuery 物件：

為了更好控件，您可以建立一個jQuery物件並在附加它之前設定其屬性：

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

迭代集合項目：

如果要新增多個選項項目的集合，您可以使用循環：

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

這些方法提供了一種靈活有效的方法來增強您的使用jQuery 的下拉式選單。

以上是如何使用 jQuery 有效率地在下拉式選單中新增選項？的詳細內容。更多資訊請關注PHP中文網其他相關文章！