ホームページ > 記事 > ウェブフロントエンド > jQueryはSelectで選択されたTextとValueを取得する(詳細概要)_jquery
jQueryはSelectで選択されたTextとValueを取得する(詳細概要)_jquery
- WBOYオリジナル
- 2016-05-16 17:42:57866ブラウズ
構文の説明:
コードをコピー コードは次のとおりです:
1. select_id") .change(function(){//code...}); //項目の 1 つが選択されたときにトリガーされる、Select のイベントを追加します
2. var checkText=$("# select_id").find("option :selected").text(); //Select で選択されたテキストを取得
3. var checkValue=$("#select_id").val(); //値を取得Select
4. var checkIndex =$("#select_id ").get(0).selectedIndex; //Select
5 で選択されたインデックス値を取得します。 last").attr("index"); //Select の最大インデックス値を取得します
jQuery は Select のテキストと値を設定します:
構文説明:
コードをコピーします コードは次のとおりです:
1. $("#select_id ").get(0)。 selectedIndex=1; //
2 を選択するには選択インデックス値 1 を設定します。 $("#select_id ").val(4) //
3 を選択するには選択値を 4 に設定します。 . $("#select_id option[text='jQuery']") .attr("selected", true) //選択された jQuery 項目に Text 値を設定します。
jQuery は追加します。 /選択のオプション項目を削除します:
構文説明:
コードをコピー コードは次のとおりです:
1. $("#select_id").append(""); //選択にオプション (ドロップダウン項目) を追加します。 🎜>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( ); //ドロップダウンをクリアしますダウンボックス
------------------------------------------ ----- -------------------------------------- ----- -----
コードをコピー コードは次のとおりです:
// トラバース オプションオプションの追加と削除 function changeShipMethod(shipping){
var len = $("select[name=ISHIPTYPE] option").length
if(shipping.value != "CA" ){
$("select[name=ISHIPTYPE] オプション").each(function(){
if($(this).val() == 111){
$(this).remove() ;
}
});
}else{
$("").appendTo(" select[name =ISHIPTYPE]"));
}
}
//ドロップダウン メニューの選択値を取得します
$(#testSelect option:selected').text();
または $("#testSelect").find('オプション:選択済み ' ).text();
または $("#testSelect").val();
/////////////////// //// / /////////////////////////////////////////
物覚えが悪くても大丈夫です お気に入り:
1、ドロップダウンボックス:
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 ( '');
$("").appendTo("#select")// ドロップダウン ボックスのオプションを追加します
少し説明します:
1.select[ name='country'] option[selected] は、name 属性を持つ select 要素内の selected 属性を持つオプション要素、
、および属性値が 'country' であることを意味します
2、ラジオボタン:
var len = $("select[name=ISHIPTYPE] option").length
if(shipping.value != "CA" ){
$("select[name=ISHIPTYPE] オプション").each(function(){
if($(this).val() == 111){
$(this).remove() ;
}
});
}else{
$("").appendTo(" select[name =ISHIPTYPE]"));
}
}
//ドロップダウン メニューの選択値を取得します
$(#testSelect option:selected').text();
または $("#testSelect").find('オプション:選択済み ' ).text();
または $("#testSelect").val();
/////////////////// //// / /////////////////////////////////////////
物覚えが悪くても大丈夫です お気に入り:
1、ドロップダウンボックス:
コードをコピー コードは次のように:
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 ( '');
$("").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= radio ] [@value=2]").attr("checked",'checked'); //ラジオボタン value=2 を選択状態に設定します (途中にスペースがないことに注意してください)
コードをコピー コードは次のとおりです:
$("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 のセレクターは強力なものがたくさんあります。 $("input[@type=checkbox][@checked] ]"). each (function() { //チェックボックスは複数選択されているのが一般的なのでループで出力できます
alert($(this).val());
});
$ ("#chk1").attr("checked",'');// 未チェック
$("#chk2").attr("checked",true);// チェックあり
if ($("#chk1").attr('checked')==unknown){} //チェックされているかどうかを判定
コードをコピーします コードは次のとおりです: