選択操作制御方式による利用概要

多くの友人が jquery select の操作に非常に興味を持っていますが、インターネット上にはあまりにも多くのものが多すぎるため、Script House は誰でも簡単に見つけられるように Jquery Select の操作方法を特別に整理しました。

ここでのコードの多くは jquery 1.32 より前のバージョン用であることに注意してください (それ以降のバージョンでは @ がサポートされなくなりました)。そのため、空のコードに置き換えてテストしてください。

jQuery は Select で選択された Text と Value を取得します:
構文説明:
1. $("#select_id").change(function(){//code...}); //Select のイベントを追加します。 , いずれかの項目が選択されるとトリガーされます
2. var checkText=$("#select_id").find("option:selected").text(); //Select で選択されたテキストを取得します
3. $(" #select_id").val(); //Select で選択された値を取得します
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //index の値を取得します。
5 of Select . var maxIndex=$("#select_id option:last").attr("index"); //Select の最大インデックス値を取得します


jQuery は Select のテキストと値を設定します:
説明: 1. $("#select_id ").get(0).selectedIndex=1; //選択インデックス値 1 の項目を選択します
2. //Select の値を設定します 値が 4 の項目が選択されます
3. $("#select_id option[text='jQuery']").attr("selected", true); of Select が jQuery で選択された項目になります



jQuery は Select の Option 項目を追加/削除します: 構文説明:
1. $("#select_id").append("Text"); //Select の場合、オプションを追加します (ドロップダウン項目)
2. $("#select_id").prepend("選択してください< /option>"); //Selectにオプションを挿入(1位)
3. $("#select_id option:last").remove(); //Selectのインデックス値が最​​大のオプションを削除(最後のもの)
4. $("#select_id option[index='0' ]").remove(); //Select のインデックス値 0 のオプション (最初) を削除します
5. [value='3']").remove(); //Select
5 の Value='3' のオプションを削除 $("#select_id option[text='4']").remove(); / /Select の Text='4' でオプションを削除


//オプションをトラバースし、オプションの追加と削除
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('option:selected').text();
or$ ("#testSelect").val();
/////////////////// ///////////////////////////////////////////////// /
記憶力が悪い場合は、保存できます:
1、ドロップダウン ボックス:

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

ちょっとした説明:
1.select[@name ='country'] option[@selected] は、name 属性を持ち、
属性値は 'country' の select 要素内の selected 属性を持つオプション要素であることを意味します。 @ で始まるものは、その後に属性が続くことを意味します。

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

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

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


当然のことながら、jquery の選択ツールは非常に優れています。 他にもたくさんの方法があります。