jQuery設定Select選択のTextとValue
:
1. $("#select_id").change(function(){//code...}); // Select ,
2. var checkText=$("#select_id").find("option:selected").text(); // Select Text
3. var checkValue=$("#select_id").val(); // Select Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; // Select
5. var maxIndex=$("#select_id option:last").attr("index"); // Select
構文の説明:
1. $("#select_id ").get(0).selectedIndex=1;//Selectインデックス値を1に設定する項目選択
2. $("#select_id ").val(4);//SelectのValue値を4に設定する項目選択
3. $("#select_id option[text='jQuery']").attr("selected", true);//SelectのText値をjQueryに設定する項目選択
jQuery SelectのOptionアイテムの追加/削除:
構文の説明:
1. $("#select_id").append("");//SelectにOption(ドロップダウン)を追加
2. $("#select_id").prepend("");SelectのOption(最初の場所)を挿入します.
3. $("#select_id option:last").remove();//Selectのインデックス値の最大Optionを削除(最後)
4. $("#select_id option[index='0']").remove();//Selectのインデックス値が0のOptionを削除します(最初)
5. $("#select_id option[value='3']").remove();//SelectのValue='3'のOptionを削除
5. $("#select_id option[text='4']").remove();//SelectのText='4'のOptionを削除
jquery radio値、checkbox値、select値、radio選択、checkbox選択、select選択、およびその関連
radioが選択されているアイテムのセットの値を取得
var item = $('input[name=items][checked]').val();
選択したselectのテキストを取得
var item = $("select[name=items] option[selected]").text();
selectドロップダウンボックスの2番目の要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
radioラジオグループの2番目の要素は現在選択されている値です
$('input[name=items]').get(1).checked = true;
取得値:
テキストボックス、テキスト領域:$("#txt").attr("value");
複数選択ボックスcheckbox:$("#checkbox_id").attr("value");
ラジオグループradio:$(「input[type=radio][checked]).val();
ドロップダウンボックスselect:$('#sel').val();
コントロールフォーム要素:
テキストボックス、テキスト領域:$("#txt").attr("value",'');//コンテンツをクリア
$("#txt").attr("value",'11');//入力内容
複数選択ボックスcheckbox:$("#chk 1").attr("checked",'');//チェックしない
$("#chk2").attr("checked",true);//チェック
if($("#chk1").attr('checked')==undefined)/チェックしたかどうかを判断する
ラジオグループradio:$(「input[type=radio]).attr("checked",'2');//value=2の項目を現在の選択項目に設定
ドロップダウンボックスselect:$("#sel").attr("value",'-sel3');//value=-sel 3の項目を現在の選択項目に設定
$("").appendTo("#sel")/ドロップダウンボックスのoptionを追加
$("#sel").empty();//ドロップダウン・ボックスをクリア
----------------------------------------------------------------------------------------------------
//optionの遍歴とoptionの追加、削除
function changeShipMethod(shipping){
var len = $("select[name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("").appendTo($("select[name=ISHIPTYPE]"));
}
}
//プルダウンリストの選択値取得
$(#testSelect option:selected').text();
または$("testSelect").find('option:selected').text();
または$("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")/ドロップダウンボックスのoptionを追加
ちょっと説明します.
1.select[name='country']option[selected]はname属性を持つことを表し、
そして、この属性値が「country」のselect要素の中のselected属性を持つoption要素である.
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')==undefined){}//チェックしたかどうかを判断
もちろんjqueryのセレクタは強力です.まだ方法がたくさんあります.
$(document).ready(function(){
$("#selectTest").change(function()
{
//alert("Hello");
//alert($("#selectTest").attr("name"));
//$("a").attr("href","xx.html");
//window.location.href="xx.html";
//alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
aaass
jquery radio値、checkbox値、select値、radio選択、checkbox選択、select選択、およびradio選択されたアイテムのセットの値の取得
var item = $('input[@name=items][@checked]').val();
選択したselectのテキストを取得
var item = $("select[@name=items] option[@selected]").text();
selectドロップダウンボックスの2番目の要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
radioラジオグループの2番目の要素は現在選択されている値です
$('input[@name=items]').get(1).checked = true;
取得値:
テキストボックス、テキスト領域:$("#txt").attr("value");
複数選択ボックスcheckbox:$("#checkbox_id").attr("value");
ラジオグループradio:$("input[@type=radio][@checked]).val();
ドロップダウンボックスselect:$('#sel').val();
コントロールフォーム要素:
テキストボックス、テキスト領域:$("#txt").attr("value",'');//コンテンツをクリア
$("#txt").attr("value",'11');//入力内容
複数選択ボックスcheckbox:$("#chk 1").attr("checked",'');//チェックしない
$("#chk2").attr("checked",true);//チェック
if($("#chk1").attr('checked')==undefined)/チェックしたかどうかを判断する
ラジオグループradio:$("input[@type=radio]).attr("checked",'2');//value=2の項目を現在の選択項目に設定
ドロップダウンボックスselect:$("#sel").attr("value",'-sel3');//value=-sel 3の項目を現在の選択項目に設定
$("
radioが選択されているアイテムのセットの値を取得
var item = $('input[@name=items][@checked]').val();
選択したselectのテキストを取得
var item = $("select[@name=items] option[@selected]").text();
selectドロップダウンボックスの2番目の要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
radioラジオグループの2番目の要素は現在選択されている値です
$('input[@name=items]').get(1).checked = true;
取得値:
テキストボックス、テキスト領域:$("#txt").attr("value");
複数選択ボックスcheckbox:$("#checkbox_id").attr("value");
ラジオグループradio:$("input[@type=radio][@checked]).val();
ドロップダウンボックスselect:$('#sel').val();
コントロールフォーム要素:
テキストボックス、テキスト領域:$("#txt").attr("value",'');//コンテンツをクリア
$("#txt").attr("value",'11');//入力内容
複数選択ボックスcheckbox:$("#chk 1").attr("checked",'');//チェックしない
$("#chk2").attr("checked",true);//チェック
if($("#chk1").attr('checked')==undefined)/チェックしたかどうかを判断する
ラジオグループradio:$("input[@type=radio]).attr("checked",'2');//value=2の項目を現在の選択項目に設定
ドロップダウンボックスselect:$("#sel").attr("value",'-sel3');//value=-sel 3の項目を現在の選択項目に設定
$("").appendTo("#sel")/ドロップダウンボックスのoptionを追加
$("#sel").empty();//ドロップダウン・ボックスをクリア