ホームページ > ウェブフロントエンド > jsチュートリアル > Select_jqueryのjQuery操作メモ記録

Select_jqueryのjQuery操作メモ記録

WBOY
リリース: 2016-05-16 18:05:18
オリジナル
891 人が閲覧しました
jQuery は、Select によって選択されたテキストと値を取得します:

構文の説明:
1. $("#select_id").change(function(){//code... } ); //項目の 1 つが選択されたときにトリガーされる、Select のイベントを追加します
2.find("option:selected").text();選択範囲のテキストを取得します
3. var checkValue=$("#select_id").val(); //Select で選択された値を取得します
4. var checkIndex=$("#select_id ").get (0). selectedIndex; //Select
5 で選択されたインデックス値を取得します。 var maxIndex=$("#select_id option:last").attr("index");

jQuery は、Select によって選択されたテキストと値を設定します:

構文の説明:
1. $("#select_id ").get(0).selectedIndex =1; //選択値を 1 に設定すると、項目が選択されます
2. $("#select_id ").val(4); //選択値を 4 に設定すると、項目が選択されます
3 . $("#select_id option[text ='jQuery']").attr("selected", true) //選択された jQuery 項目に Text 値を設定します

jQuery を追加します/選択のオプション項目を削除します:

構文説明:
1. $("#select_id").append("");
を選択するオプション (ドロップダウン項目) 2 . $("#select_id").prepend(" を選択してください") //
を選択するためのオプション (最初の位置) を挿入します。 3. $("#select_id option:last" ).remove(); //Select で最大のインデックス値を持つオプションを削除します (最後のもの)
4. $("#select_id option[index='0] ']").remove(); //値 0 の選択オプションのインデックスを削除します (最初)
5. $("#select_id option[value='3']").remove(); // Select の Value='3' のオプションを削除
6. $("#select_id option[text='4']").remove(); //Select の Text='4' のオプションを削除します
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート