ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryを使用して「要素」にオプションを追加するにはどうすればよいですか?
jQueryを使用して「要素」にオプションを追加するにはどうすればよいですか?
- Linda Hamiltonオリジナル
- 2024-11-29 02:38:08942ブラウズ
jQuery は、オプションをドロップダウンに簡単に追加するさまざまな方法を提供します。
HTML 文字列で .append() を使用する:
提供したコードでは確かにオプションを追加できますが、HTML 文字をエスケープする必要があります。このプロセスを簡略化するには:
$("#mySelect").append('<option value="1">My option</option>');
jQuery オブジェクトで .append() を使用する:
より優れた制御と読みやすさのために、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 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。