jQueryはSelectによって選択されたテキストと値を取得します:
構文の説明:
1. $("#select_id").change(function(){//code...}); Selectにイベントを追加し、選択のいずれかが
2. var checkText=$("#select_id").find("option:selected").text(); 選択されたテキストは選択で取得します
3. var checkValue=$("#select_id").val(); Selectで選ばれた値を取得します
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Selectで選択したインデックス値を取得できます
5. var maxIndex=$("#select_id option:last").attr("index"); Selectの最大のインデックス値を取得する
jQueryはSelectによって選択されるテキストと値を設定します:
構文の説明:
1. $("#select_id ").get(0).selectedIndex=1; Selectをインデックス値1の項目を選択するように設定します
2. $(「#select_id」).val(4); 選択したアイテムのSelect値の値を4に設定します
3. $("#select_id option[text='jQuery'])」).attr("selected", true); SelectのText値をjQueryに設定します
jQueryはSelectのオプション項目を追加/削除します:
構文の説明:
1. $("#select_id").append("<option value='Value'>Text</option>"); 選択オプションを追加する
2. $("#select_id").prepend("<option value='0'> "を選択してください</option>); 選択用オプション(最初の位置)を挿入
3. $("#select_id option:last").remove(); Select(最後の)でインデックス値が最も大きいオプションを削除してください
4. $("#select_id option[index='0']」).remove(); 選択オプション(最初のオプション)でインデックス値0を削除してください
5. $("#select_id option[value='3']」).remove(); Selectで値='3'のオプションを削除してください
5. $("#select_id option[text='4']」).remove(); Selectでテキスト='4'でオプションを削除してください
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jqueryの無線値、チェックボックスの値、選択値、無線選択、チェックボックスチェック、選択選択など
無線で選択したアイテムのセットの値を取得します
var item = $('input[@name=items][@checked]').val();
選択したアイテムのテキストを取得します
var item = $("select[@name=items] option[@selected]").text();
選択ドロップダウンボックスの2つ目の要素は、現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオラジオグループの第二の要素は現在選択されている値です
$('input[@name=items]').get(1).checked = true;
値の取得:
テキストボックス、テキスト領域:$("#txt").attr("value");
マルチチェックボックス:$("#checkbox_id").attr("value");
ラジオ: $("input[@type=radio][@checked]").val();
ドロップダウン選択:$('#sel').val();
制御形態要素:
テキストボックス、テキスト領域:$("#txt").attr("value",''); 中身を空にしろ
$("#txt").attr(「値」、'11'); 内容を埋めてください
チェックボックス:$("#chk1").attr("チェック済み"、''); チックなし
$("#chk2").attr("checked"、true); チク
if($("#chk1").attr('checked')==undefined) // チェック済みかどうかを判定
ラジオ: $("input[@type=radio]).attr("checked",'2'); 値=2のアイテムが現在選択されているアイテムです
ドロップダウン選択:$("#sel").attr("value",'-sel3'); 値=-sel3を現在選択中のアイテムに設定します
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//ドロップダウンボックスのオプションを追加してください
$("#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{
$("<option value='111'>UPS Ground</option>").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('');
$("<option value='1'>1111</option>").appendTo("#select")//ドロップダウンボックスのオプションを追加
少し説明すると:
1.select[@name='country'] option[@selected]は名前属性を持つことを意味します。
プロパティ値はオプション要素で、選択された属性は「country」のselect要素に含まれます。
@で始まる文字列は、その後に属性が続くことを示しています。
2. ラジオボックス:
$("input[@type=radio][@checked]").val(); ラジオボックス内の選択したアイテムの価値を取得します(中央に空白はありません)。
$("input[@type=radio][@value=2])」).attr("checked",'checked'); ラジオボックスの値=2を選択した状態に設定します。 (中央にスペースがないことに注意してください)
3. チェックボックス:
$("input[@type=チェックボックス][@checked]").val(); チェックボックスで最初にチェックしたアイテムの価値を得ます
$("input[@type=チェックボックス][@checked]").each(function(){ // チェックボックスは通常複数のチェックボックスにチェックされるため、ループアウトできます
alert($(this).val());
});
$("#chk1").attr("チェック済み"、"); チックなし
$("#chk2").attr("checked"、true); チク
if($("#chk1").attr('checked')==undefined{} //チェック済みかどうかを判定してください
もちろん、jqueryのセレクターは強力です。 他にもたくさんの方法があります。
<scrip remove t src="jquery-1.2.1.js" type="text/javascrip remove t"></scrip去掉t>
<scrip remove t language="javascrip remove t" type="text/javascrip remove t" >
$(document).ready(function(){
$("#selectTest").change(function()
{
alert(「こんにちは」);
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatioはn.href="xx.html"を削除します。
alert($("#selectTest").val());
alert($("#selectTest option[@selected]).text());
$("#selectTest").attr("value", "2");
});
});
...</scrip去掉t>
<a href="#">aaass</a>
<!--ドロップダウンボックス - >
<select id="selectTest" name="selectTest">
<オプション値="1">11</option>
<オプション値="2">22</option>
<option value="3">33</option>
<オプション値="4">44</option>
<option value="5">55</option>
<オプション値="6">66</option>
</select>
jQuery Radio、チェックボックス、Select、radio、チェックボックス、selectなどで、ラジオで選ばれたアイテムの集合の値を取得するために
var item = $('input[@name=items][@checked]').val();
選択したアイテムのテキストを取得します
var item = $("select[@name=items] option[@selected]").text();
選択ドロップダウンボックスの2つ目の要素は、現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオラジオグループの第二の要素は現在選択されている値です
$('input[@name=items]').get(1).checked = true;
値の取得:
テキストボックス、テキスト領域:$("#txt").attr("value");
マルチチェックボックス:$("#checkbox_id").attr("value");
ラジオ: $("input[@type=radio][@checked]").val();
ドロップダウン選択:$('#sel').val();
制御形態要素:
テキストボックス、テキスト領域:$("#txt").attr("value",''); 中身を空にしろ
$("#txt").attr(「値」、'11'); 内容を埋めてください
チェックボックス:$("#chk1").attr("チェック済み"、''); チックなし
$("#chk2").attr("checked"、true); チク
if($("#chk1").attr('checked')==undefined) // チェック済みかどうかを判定
ラジオ: $("input[@type=radio]).attr("checked",'2'); 値=2のアイテムが現在選択されているアイテムです
ドロップダウン選択:$("#sel").attr("value",'-sel3'); 値=-sel3を現在選択中のアイテムに設定します
$("<optionvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//ドロップダウンボックスのオプションを追加
$("#sel").empty(); ドロップダウンボックスを消してください
無線で選択したアイテムのセットの値を取得します
var item = $('input[@name=items][@checked]').val();
選択したアイテムのテキストを取得します
var item = $("select[@name=items] option[@selected]").text();
選択ドロップダウンボックスの2つ目の要素は、現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオラジオグループの第二の要素は現在選択されている値です
$('input[@name=items]').get(1).checked = true;
値の取得:
テキストボックス、テキスト領域:$("#txt").attr("value");
マルチチェックボックス:$("#checkbox_id").attr("value");
ラジオ: $("input[@type=radio][@checked]").val();
ドロップダウン選択:$('#sel').val();
制御形態要素:
テキストボックス、テキスト領域:$("#txt").attr("value",''); 中身を空にしろ
$("#txt").attr(「値」、'11'); 内容を埋めてください
チェックボックス:$("#chk1").attr("チェック済み"、''); チックなし
$("#chk2").attr("checked"、true); チク
if($("#chk1").attr('checked')==undefined) // チェック済みかどうかを判定
ラジオ: $("input[@type=radio]).attr("checked",'2'); 値=2のアイテムが現在選択されているアイテムです
ドロップダウン選択:$("#sel").attr("value",'-sel3'); 値=-sel3を現在選択中のアイテムに設定します
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//ドロップダウンボックスのオプションを追加してください
$("#sel").empty(); ドロップダウンボックスを消してください
|
掲載地 2015/07/30 11:20:50
|
|
|
掲載地 2015/07/30 16:13:16