jquery操作選択百科事典

この記事では主にjquery操作selectで使用されるメソッドと例を紹介します。必要な友達は参照してください

オプションを追加

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

$('#id ') .append("Text");//select にオプションを追加します
$('#id').prepend(""); //selectのオプションを挿入

オプションを削除

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

$("#ID option")。 each(function( ){
if($(this).val()==111){
$(this).remove();
}
});

$("UPS Ground").appendTo($("#ID"));
ドロップダウン メニューの選択値を取得します
$("#testSelect option:selected").text();
$("#testSelect" ).find('option:selected').text();
$("#testSelect").val();
optionの値に従ってドロップダウンボックスを選択します
$ ('#testSelect').val('111' );

2, ラジオボタン:

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

$("input[@type=radio][@checked ]").val();//ラジオボタンを取得 選択した項目の値(途中にスペースがないことに注意)
$("input[@type=radio][@value=2]") .attr("checked",'checked');//ラジオボタンの値を設定します= 2 が選択された状態です (中央にスペースがないことに注意してください) 3,
チェックボックス : $( "input[@type=checkbox][@checked]").val();//チェックを取得 ボックス内で選択されている最初の項目の値
$("input[@type=checkbox][@checked]") .each(function(){//通常は複数のチェック ボックスがオンになっているため、
Outputalert($(this).val());});

$("#chk1") をループすることができます。 attr("checked",'');//未チェック
$("#chk2 ").attr("checked",true);//チェック
if($("#chk1").attr('checked' )==unknown){}//チェックされているかどうかを判断します
もちろん、jquery セレクターは強力です


コードをコピーします

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

aaass



11
22
33
44

66



jquery ラジオ値、チェックボックス値、選択値、選択されたラジオ、選択されたチェックボックス、選択されたもの、ラジオで選択された項目のグループの値の取得に関連します

コードをコピーします

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

varitem= $('input[@name=items][@checked]').val( );

選択された項目のテキストを取得します

コードをコピーします

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

varitem= $("select[@name=items] option[@selected]").text ();

select ドロップダウン ボックスの 2 番目の要素は現在選択されている値です

コードをコピーします

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

$('#select_id')[0].selectedIndex =1;

ラジオラジオグループの 2 番目の要素は、現在選択されている値です

コードをコピーします

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

$( 'input[@name=items]').get (1).checked=true;

値の取得:
テキストボックス、テキストエリア:

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

$("#txt").attr("value");

複数選択ボックスのチェックボックス:

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

$("#checkbox_id").attr("value") [@type=radio][@checked]").val();

ドロップダウンボックスの選択:

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

$('#sel').val();

コントロールフォーム要素:
テキストボックス、テキストエリア:

コードをコピー

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

$("#txt").attr("value",'');//コンテンツをクリアします

$ ("#txt").attr(" value",'11');// 内容を入力します

複数選択ボックスのチェックボックス:

コードをコピー

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

$("#chk1") .attr("checked", '');//未チェック
$("#chk2").attr("チェック済み",true);//チェック済み

if($("#chk1").attr ('チェック済み')==未定義)/ /チェックされているかどうかを判定

ラジオグループ radio:

$("input[@type=radio]").attr("checked",'2');/ /value=2の項目を設定現在選択されている項目ドロップダウンボックス選択:

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

$("#sel").attr("value",'-sel3');/ /Set現在選択されている項目として value=-sel3 を持つ項目

$("1111 2222").appendTo(" #sel")//ドロップダウンボックスのオプションを追加します
$("#sel").empty();//ドロップダウンボックスをクリアします

ラジオで選択された項目のセットの値を取得します

コードをコピーします

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


varitem= $('input[@name=items][@checked]').val();

選択された項目のテキストを取得します

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

varitem= $("select[@name=items] option[@selected]").text();

選択ドロップの 2 番目の要素-down ボックスは現在選択されている値です

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

$('#select_id')[0].selectedIndex=1;

ラジオの 2 番目の要素選択グループは現在選択されている値です

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

$('input [@name=items]').get(1).checked=true;

Get値:
テキストボックス、テキストエリア:

コードをコピー

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

$("#txt" ).attr("value");

複数選択ボックスチェックボックス:

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

$("#checkbox_id").attr("value");

単一選択グループラジオ:

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

$("input[@type=radio][@checked]").val();

ドロップダウンボックスを選択:

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

$ ('#sel').val();

コントロールフォーム要素:
テキストボックス、テキストエリア:

コードをコピー

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

$("#txt")。 attr("value",'');//コンテンツをクリア

$("#txt").attr("value",'11');//コンテンツを埋める

チェックボックス:

コピーコード

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

$("#chk1").attr("checked",'');//チェックを外します
$("#chk2").attr("checked" ,true) ;//Tick

if($("#chk1").attr('checked')==unknown)//チェックされているかどうかを判断します

ラジオグループ radio:

コードをコピーします

コードは次のように:

$("input[@type=radio]").attr("checked",'2');//value=2 の項目を現在選択されている項目として設定します

ドロップダウン ボックスの選択:

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

$("#sel").attr("value",'-sel3');//value=-sel3の項目を現在選択されている項目として設定します
$("11112222").appendTo("#sel")//のオプションを追加しますドロップダウン ボックス
$("#sel") .empty() // ドロップダウン ボックスをクリアします

;

以上がjquery操作選択百科事典の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。