jqueryドロップダウン選択制御の操作メソッドの共有(jquery操作select)_jquery

WBOY
リリース: 2016-05-16 16:54:29
オリジナル
1091 人が閲覧しました

Select オプションを取得および設定する JQuery のメソッドは次のように要約されます。

コード:

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

$("#select_id").change (function( ){//code...}); //項目の 1 つが選択されたときにトリガーされる Select のイベントを追加します
var checkText=$("#select_id").find("option) :selected").text( ); //テキストを取得します
var checkValue=$("#select_id").val(); //値を取得します
var checkIndex=$("#select_id ") .get( 0).selectedIndex; //Select で選択されたインデックス値を取得します
var maxIndex=$("#select_id option:last").attr("index"); //Select の最大インデックス値を取得します
$( "#select_id ").get(0).selectedIndex=1; //選択インデックス値 1 の項目を選択に設定します
$("#select_id ").val(4); // Select の Value 値を 4 つの項目が選択されているように設定します
$("#select_id option[text='jQuery']").attr("selected", true) //Select の Text 値を jQuery の選択済みに設定しますアイテム

select で選択されたテキストを取得します:

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

$("#ddlRegType").find ("オプション:選択済み").text();

select で選択された値を取得します:

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

$(" #nowmagic").val();

select で選択されたインデックスを取得します:

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

$(" #nowmagic").get(0).selectedIndex;

セットセレクト

jQuery は、Select の Option 項目を追加/削除します:

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

$("#select_id").append (""); //Select
$("#select_id").prepend("選択してください"); //Select
のオプション (最初の位置) を挿入します$("#select_id option:last").remove(); //インデックスを削除しますvalue in Select Maximum Option (last one)
$("#select_id option[index='0']").remove(); //Select
のインデックス値 0 のオプション (最初の 1 つ) を削除します。 $( "#select_id option[value='3']").remove(); //Option
$("#select_id option[text='4']").remove を Value='3 で削除します' in Select (); //Select の Text='4' でオプション
を削除します

選択したインデックスを設定:

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



/ /index インデックス値の場合
$("#nowmagic").get(0).selectedIndex=index;

選択した値を設定:

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


$("#nowmagic").attr ("値 ","通常");
$("#nowmagic").val("通常");
$("#nowmagic").get(0).value = 値;

選択したテキストを選択して設定します:

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


var count=$("#nowamagicoption" ).length ;
for(var i=0;i { if($("#nowmagic").get(0).options[i].text == text)
{
$("#nowmagic").get(0).options[i].selected = true;
選択をクリア:

コードをコピー

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