jQuery擷取Select選擇的Text和 Value

jQuery擷取Select選擇的Text和 Value
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最大的索引值
jQuery設定Select選擇的 Text和Value:
文法解釋：
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(

Text); //為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

www.bkjia.com

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下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當前選中值
$('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： $(#chk1).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=-sel3的項目為當前選中項
$(

11112222).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{
$(

UPS Ground).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('');
$(

1111).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的選取器是強大的. 還有很多方法.

<script src=jquery-1.2.1.js type=text/javascript></script>
<script language=javascript type=text/javascript>
$(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);

});
});
</script>

aaass

112233445566
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 下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個 元素為當前選中值
$('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： $(#chk1).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=-sel3的項目為當前選中項
$(2222 $(#sel).empty()；// 清空下拉框

擷取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
擷取select被選中項的文本
var item = $(select[@name=items] option[@selected]).text();
select下拉框的第二個元素為當 前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當前選中值
$('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： $(#chk1).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=-sel3的項目為當前選中項
$(

11112222).appendTo(#sel)//添加下拉框的option
$(#sel).empty()；// 清空下拉框