jQueryを使用してドロップダウンにオプションを効率的に追加するにはどうすればよいですか?-jsチュートリアル-php.cn

jQueryを使用してドロップダウンにオプションを効率的に追加するにはどうすればよいですか?

Susan Sarandon

リリース： 2024-11-28 05:49:09

オリジナル

655 人が閲覧しました

How to Efficiently Add Options to a Dropdown Using jQuery?

jQuery を使用してドロップダウンオプションを設定する

質問:

オプションを簡単に追加する方法jQueryを使用したドロップダウン?具体的には、このコードスニペットは正しいですか:

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

ログイン後にコピー

答え:

はい、提供されたコードは機能します。ただし、同じ結果を達成するためのより洗練されたアプローチがあります。

オプションを追加するための推奨構文:

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

ログイン後にコピー

この構文では、値とオプションのテキストを 1 行で入力します。

コレクションのループ項目:

項目のコレクションから複数のオプションを追加する必要がある場合:

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

ログイン後にコピー

このメソッドは、コレクション内の各項目を反復処理し、必要なオプションを動的に作成します。

以上がjQueryを使用してドロップダウンにオプションを効率的に追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。