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

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

Susan Sarandon
發布: 2024-11-28 05:49:09
原創
651 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板