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

今回は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>Text</option>");

2.

//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option>请选择</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 サイトの他の関連記事を参照してください。