jQueryはSelectで選択されたTextとValueを取得する(詳細概要)_jquery

構文の説明:

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

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("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 の項目を現在選択されている項目として設定します
$(" 1111 2222").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{
$("UPS Ground").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 ( '');
$("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 のセレクターは強力なものがたくさんあります。

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