ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryで選択オプションを追加・削除・変更する実装方法

jQueryで選択オプションを追加・削除・変更する実装方法

php中世界最好的语言
リリース: 2018-04-23 16:44:14
オリジナル
1853 人が閲覧しました

今回はselectオプションの追加、削除、変更の注意事項をjQueryで紹介します。見て。

この記事の例では、jQuery を使用して選択オプションを追加、

削除、変更する方法を説明します。参考までに皆さんと共有してください。詳細は次のとおりです:

jQuery は、Select で選択された Text と Value を取得します:

1.

//获取Select选择的Text
var checkText=jQuery("#select_id").find("option:selected").text();
ログイン後にコピー
2.

//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();
ログイン後にコピー
3.

//获取Select选择的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;
ログイン後にコピー
4.

//获取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");
ログイン後にコピー

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

1.

//为Select追加一个Option(下拉项)
jQuery("#select_id").append("<option value=&#39;Value&#39;>Text</option>");
ログイン後にコピー
2.

//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");
ログイン後にコピー
3.

//删除Select中索引值最大Option(最后一个)
jQuery("#select_id option:last").remove();
ログイン後にコピー
4.

//删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[index='0']").remove();
ログイン後にコピー
5.

//删除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();
ログイン後にコピー
6.

//删除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();
ログイン後にコピー

コンテンツクリア: りー

あなたはこの記事を読んだと思います。あなたはケースメソッドをマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryの時間取得方法のまとめ

jQueryのバージョンアップの注意点とは

以上がjQueryで選択オプションを追加・削除・変更する実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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