ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery オペレーション select_jquery のコード例

jQuery オペレーション select_jquery のコード例

WBOY
WBOYオリジナル
2016-05-16 17:52:421078ブラウズ

select:

コードをコピー コードは次のとおりです:

2008 年ヨーロッパ選手権で優勝した国カップは :



1. 国が選択されているかどうかを判断します。


コードをコピーします コードは次のとおりです:
if($("#nation") .val( )=="") {
alert("国を選択してください");
}


2. 選択中のオプション項目の数を取得します。


コードをコピー コードは次のとおりです:$("#nation").find("option "). length;
3. 選択したオプションの値と表示されるテキストを取得します。


コードをコピー コードは次のとおりです://選択された項目の値を取得します
$("#nation ").val();
//選択された項目によって表示されるテキストを取得します
$("#nation").find("option:selected").text(); 🎜>

4. スペインを選択項目として設定します。


コードをコピー コードは次のとおりです:$("#nation").find("option [value= 'Spain']").attr("selected",true);
5. 選択した国のインデックスを取得します。インデックスは 0 から始まります。


コードをコピーします コードは次のとおりです: $("#nation").find("option :selected" ).index()
6. 国オプションを追加します。
?



コードをコピーします コードは次のとおりです:$("#nation")。 append(" ");
7. 国オプションを削除します。


コードをコピー コードは次のとおりです://value="Italy" のオプションを削除します$( "#nation").find("option[value='Italy']").remove();
//インデックス 2 のオプションを削除します
$("#nation")。 find("オプション [index=2]").remove();
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。