ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryはSelectのTextとValueを操作(get/set/add/delete)_jquery

jQueryはSelectのTextとValueを操作(get/set/add/delete)_jquery

WBOY
リリース: 2016-05-16 17:40:56
オリジナル
1078 人が閲覧しました
jQuery は、Select で選択されたテキストと値を取得します:
項目を選択して試してください
構文の説明:
コードをコピー コードは次のとおりです:

. $("#select_id").change(function(){//code...});選択時のイベント 項目の 1 つが
の場合にトリガーされます。 var checkText=$("#select_id").find("option:selected").text(); // Select によって選択されたテキストを取得します。 🎜>. var checkValue=$(" #select_id").val(); // 選択
の値を取得します。 var checkIndex=$("#select_id ").get(0).selectedIndex; Select
のインデックス値 var maxIndex=$("#select_id option:last").attr("index"); // Select

jQuery は Select の Text と Value を設定します:
構文説明:

. $( "#select_id ").get(0).selectedIndex=1; //選択インデックス値 1 の項目を選択状態に設定します
。 ").val(4); //Select の値を設定します 値 4 の項目が選択されます
. $("#select_id option[text='jQuery']").attr("selected", true); //Select の Text 値を jQuery が選択された項目に設定します


jQuery は Select の Option 項目を追加/削除します
: 1 回クリックして選択しますオプションを追加します クリックすると、Select の最初の位置にオプションが挿入されます
クリック Select のインデックス値が最​​も大きいオプション (最後のもの) が削除されます
構文説明:


コードをコピーします コードは次のとおりです:
$("#select_id").append("< option value='Value'>Text"); //Select
にオプション (ドロップダウン項目) を追加します。 $("#select_id").prepend(""); //選択
にオプション (最初の位置) を挿入します。 $ ("#select_id option:last").remove(); // でオプションを削除しますSelect (最後のもの)
の最大のインデックス値 $("#select_id option[index='0']").remove() //Select . $("#select_id option[value='3']").remove(); // 'オプション
の Value='3 を削除します。 $("#select_id option[text='4']) ").remove(); //Select の Text='4' のオプション

を削除
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート