ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery_jqueryのSelectオプション項目の追加・削除・値の取得

JQuery_jqueryのSelectオプション項目の追加・削除・値の取得

WBOY
リリース: 2016-05-16 17:24:25
オリジナル
1040 人が閲覧しました

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

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

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

jQuery は選択のオプション項目を追加/削除します:
コピーcode コードは次のとおりです:

$("#select_id").append(""); //Select のオプション (最初の位置) を挿入します
$("#select_id option:last").remove(); // Select の最大のインデックス値を持つオプション (最後のもの) を削除します
$ ("#select_id option[index='0']").remove() ; //Select のインデックス値 0 のオプション (最初) を削除します
$("#select_id option[value='3']" ).remove(); //選択オプションの Value='3' を削除
$("#select_id option[text='4']").remove(); //Text='4 のオプションを削除' in Select

内容をクリアします:
コードをコピー コードは次のとおりです:

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