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 サイトの他の関連記事を参照してください。