jQuery が HTML ` 要素にオプションを効率的に追加するにはどうすればよいですか?-jsチュートリアル-php.cn

How Can jQuery Efficiently Add Options to an HTML `` Element?

HTML のにオプションを追加する機能があります。 jQuery を使用したドロップダウンメニューが特に便利であることが証明されています。この記事では、このタスクを達成するための最も効果的なアプローチを検討します。

簡単な方法

最初は、次のコードを使用してオプションを追加することを検討するかもしれません:

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

ログイン後にコピー

このアプローチは技術的には機能するかもしれませんが、より効率的な構文があります。推奨:

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

ログイン後にコピー

この手法はオプション要素 (

オプションのバッチ追加

アイテムのコレクションから複数のオプションを追加する必要があるシナリオでは、より効率的なアプローチは次のとおりです。 available:

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

ログイン後にコピー

ここで、jQuery の $.each() メソッドはコレクション (項目) を反復処理し、各項目のオプション要素を作成して追加します。これにより、すべてのオプションが