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(); //値を取得Select 
var checkIndex =$("#select_id ").get(0).selectedIndex; //Select
で選択されたインデックス値を取得します。 last").attr("index"); //Select の最大インデックス値を取得します 

jQuery は Select のテキストと値を設定します:
構文説明:

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

 
$("#select_id ").get(0)。 selectedIndex=1; // 
を選択するには選択インデックス値 1 を設定します。 $("#select_id ").val(4) // 
を選択するには選択値を 4 に設定します。 . $("#select_id option[text='jQuery']") .attr("selected", true) //選択された jQuery 項目に Text 値を設定します。 

jQuery は追加します。 /選択のオプション項目を削除します:
構文説明:

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

 
1. $("#select_id").append("Text"); //選択にオプション (ドロップダウン項目) を追加します。 🎜>2. $("#select_id").prepend("選択してください"); //選択にオプション (最初の位置) を挿入します 
3. $("#select_id option:last").remove(); //最大のインデックス値（最後のもの）を持つ選択オプションから削除 
4. $("#select_id option[index='0']" ).remove(); //Select (最初のオプション) 
5 のオプションを削除します。 $("#select_id option[value='3']").remove(); Select 
 の Value='3' のオプションを削除します。 $("#select_id option[text= '4']").remove(); //Select 
 
jquery ラジオ値、チェックボックス値、選択値、選択されたラジオ、チェックボックスが選択された、選択された項目、およびその関連 

ラジオで選択された項目のセットの値を取得します
var item = $ ('input[name=items][checked]').val();
選択した項目のテキストを取得します
var item = $("select[name=items] option[selected] ").text();
選択ドロップダウンボックスの 2 番目の要素は、現在選択されている値です
$( '#select_id')[0].selectedIndex = 1;
次の 2 番目の要素ラジオ選択グループは現在選択されている値です
$('input[name=items]').get(1).checked = true;
値の取得:
テキストボックス、テキストエリア: $ ("#txt").attr("value");
複数選択ボックスチェックボックス: $("#checkbox_id").attr ("value");
ラジオ選択グループ radio: $("input[ type=radio][checked]").val();
ドロップダウンボックスの選択: $('#sel').val( );
コントロールフォーム要素:
テキストボックス、テキストエリア: $("#txt").attr("value",'');//コンテンツをクリア
$("#txt") .attr("value",'11');//コンテンツを埋める
複数選択ボックスのチェックボックス: $("#chk1").attr("checked",'');//チェックを外します
$("#chk2").attr("checked",true);// Check
if($("#chk1").attr('checked')==unknown) //チェックされているかどうかを判断します
ラジオ選択グループ radio: $("input[type=radio] ").attr("checked",'2');//value=2の項目を現在選択されている項目に設定
ドロップダウンボックス選択： $("#sel").attr("value" ,'-sel3');//value=-sel3 の項目を現在選択されている項目として設定します
$("").appendTo("#sel")//ドロップダウンボックスのオプションを追加します
$("#sel").empty( ); //ドロップダウンをクリアしますダウンボックス
------------------------------------------ ----- -------------------------------------- ----- -----

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

// トラバースオプションオプションの追加と削除

コードをコピーコードは次のように:

 
var cc1 = $(".formc select[name='country'] option[selected]").text() //選択された項目のテキストを取得します。ドロップダウン メニュー (中央のスペースに注意してください) 
var cc2 = $( ' .formc select[name="country"]').val(); // ドロップダウンで選択された項目の値を取得します。 -down menu
var cc3 = $('.formc select[name="country"]'). attr ("id"); // ドロップダウン メニューで選択された項目の ID 属性値を取得します。 🎜>$("#select").empty();//ドロップダウンボックスをクリア//$("#select").html ( ''); 
$("1111").appendTo("#select")// ドロップダウン ボックスのオプションを追加します

少し説明します:
1.select[ name='country'] option[selected] は、name 属性を持つ select 要素内の selected 属性を持つオプション要素、
、および属性値が 'country' であることを意味します

2、ラジオボタン:

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

 $("input[@type= radio][@checked]").val(); //ラジオボタンの選択項目の値を取得（途中にスペースがないことに注意） 
$("input[@type= radio ] [@value=2]").attr("checked",'checked'); //ラジオボタン value=2 を選択状態に設定します (途中にスペースがないことに注意してください)

3. チェックボックス:

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

 $("input[ @ type=checkbox][@checked]").val() //チェックボックスで最初に選択された項目の値を取得します
$("input[@type=checkbox][@checked] ]"). each (function() { //チェックボックスは複数選択されているのが一般的なのでループで出力できます 
alert($(this).val()); 
}); 

 $ ("#chk1").attr("checked",'');// 未チェック
$("#chk2").attr("checked",true);// チェックあり
 if ($("#chk1").attr('checked')==unknown){} //チェックされているかどうかを判定

 

もちろん jquery のセレクターは強力なものがたくさんあります。

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

著者別の最新記事