jquery操作 select encyclopedia_jquery

オプションを追加

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

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

オプションを削除

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

$("#ID オプション").each(function(){
if($(this) .val()= =111){
$(this).remove();
}
});

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

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);// Checked
if($( "#chk1").attr('checked')==unknown){}//チェックされているかどうかを判定します
もちろん、jquery のセレクターは強力なメソッドがたくさんあります。

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

aaass



11
22
33
/option>
44
55
66オプション>
選択>

jquery radio value、checkbox value、select value、radio selected、checkbox selected、select selected、およびラジオで選択された項目のグループの値を取得するための関連

コードをコピーします

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

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

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

コードをコピーします

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

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

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

コードをコピー

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

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

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

コードをコピーします

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

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

値の取得:
テキスト ボックス、テキスト領域:

コードのコピー

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

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

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

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

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

ラジオグループ radio:

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

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

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

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

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

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

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

$("#txt").attr("value",'');//内容をクリア
$("#txt").attr("value",'11' );// 内容を記入

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

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

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

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

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

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

ラジオで選択された項目のグループの値を取得します

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

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

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

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

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

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

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

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

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

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

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

値の取得:
テキスト ボックス、テキスト領域:

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

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

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

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

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

ラジオグループラジオ:

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

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

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

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

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

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

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

$("#txt").attr("value",'');//内容をクリア
$("#txt").attr("value",'11' );// 内容を記入

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

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

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

ラジオグループラジオ:

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

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

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

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

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