選択操作制御方式による利用概要-jsチュートリアル-php.cn

多くの友人が 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(""); //Select の場合、オプションを追加します (ドロップダウン項目)
2. $("#select_id").prepend("").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(' ') ;
$("").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 の選択ツールは非常に優れています。他にもたくさんの方法があります。

人気のチュートリアル

詳細>