首頁 >web前端 >js教程 >如何使用 jQuery 有效率地將選項新增至下拉清單?

如何使用 jQuery 有效率地將選項新增至下拉清單?

Susan Sarandon
Susan Sarandon原創
2024-11-28 05:49:09604瀏覽

How to Efficiently Add Options to a Dropdown Using jQuery?

使用jQuery 填充下拉選項

問題:

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

如何輕鬆地將選項添加到使用jQuery 下拉式選單?具體來說,此程式碼片段是否正確:

答案:

是的,提供的程式碼有效。但是,有一種更優雅的方法可以實現相同的結果。

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

附加選項的首選語法:

此語法允許您指定值和單行中選項的文字。

循環遍歷集合項目:
$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', {
        value: item.value,
        text : item.text
    }));
});

如果您需要從專案集合中新增多個選項:此方法會迭代集合中的每個項目並動態建立必要的選項。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn