jquery怎么獲取select選中的值

jQuery是控制和操作select詳解。

創(chuàng)新互聯(lián)建站云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過(guò)13年的服務(wù)器租用、成都電信服務(wù)器托管、云服務(wù)器、網(wǎng)絡(luò)空間、網(wǎng)站系統(tǒng)開(kāi)發(fā)經(jīng)驗(yàn)，已先后獲得國(guó)家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、網(wǎng)絡(luò)空間、域名與空間、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

先看下面的html代碼

select id="test"

option value="1"選項(xiàng)一option

option value="2"選項(xiàng)一option

...

option value="n"選項(xiàng)Noption

/select

所謂jQuery操作“select”, 說(shuō)的更確切一些是應(yīng)該是jQuery控制 “option”， 看下面的jQuery代碼：

//獲取第一個(gè)option的值

$('#test option:first').val();

//最后一個(gè)option的值

$('#test option:last').val();

//獲取第二個(gè)option的值

$('#test option:eq(1)').val();

//獲取選中的值

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

$('#test option:selected').val();

//設(shè)置值為2的option為選中狀態(tài)

$('#test').attr('value','2');

//設(shè)置最后一個(gè)option為選中

$('#test option:last').attr('selected','selected');

$("#test").attr('value' , $('#test option:last').val());

$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());

//獲取select的長(zhǎng)度

$('#test option').length;

//添加一個(gè)option

$("#test").append("option value='n+1'第N+1項(xiàng)/option");

$("option value='n+1'第N+1項(xiàng)/option").appendTo("#test");

//添除選中項(xiàng)

$('#test option:selected').remove();

//刪除項(xiàng)選中(這里刪除第一項(xiàng))

$('#test option:first').remove();、

//指定值被刪除

$('#test option').each(function(){

if( $(this).val() == '5'){

$(this).remove();

}

});

$('#test option[value=5]').remove();

//獲取第一個(gè)Group的標(biāo)簽

$('#test optgroup:eq(0)').attr('label');

//獲取第二group下面第一個(gè)option的值

$('#test optgroup:eq(1) : option:eq(0)').val();

jquery 怎樣獲取select多選下拉框所有選項(xiàng)的值

.val()函數(shù)獲取select的屬性。語(yǔ)法：

$(selector).val(value)

val() 方法返回或設(shè)置被選元素的值。元素的值是通過(guò) value 屬性設(shè)置的。該方法大多用于 input 元素。如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前值。

一、創(chuàng)建一個(gè)select元素：

二、創(chuàng)建如下獲取屬性函數(shù)：

三、結(jié)果獲?。?/p>

擴(kuò)展資料：

通過(guò)?.val()?方法從 textarea 元素中取得的值是不含有回車(chē)（\r）字符的。但是如果該值是通過(guò) XHR 傳遞給服務(wù)器的，回車(chē)（\r）字符會(huì)被保留（或者是被瀏覽器添加的，但是在原始數(shù)據(jù)中并不包含回車(chē)（\r））?？梢允褂孟旅娴?valHook 方法解決這個(gè)問(wèn)題：

參考資料：jQuery API 中文文檔 --.val()

jQuery實(shí)現(xiàn)select下拉框獲取當(dāng)前選中文本、值、索引

話不多說(shuō)，請(qǐng)看代碼：

//直接保存后綴.htnl用谷歌瀏覽器打開(kāi)，親測(cè)有效

head

script

src=""/script

script

$(function(){

//為Select添加事件，當(dāng)選擇其中一項(xiàng)時(shí)觸發(fā)

$("select:eq(0)").change(function(){

//code

});

//獲取Select選中的Text:結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來(lái)的文本

var

checkText

=

$("select:eq(0)

:selected").text();//建議用這個(gè)簡(jiǎn)單

=

$("select:eq(0)

option:selected").tetx();

=

$("#One").find(":selected").text();

=

$("#One").find("option:selected").text();

//如果多選，將返回一個(gè)數(shù)組，其包含所選的值。

var

checkValue

=

$("#select_id").val();

//獲取Select選中匹配元素的當(dāng)前值,即[即使多選也只]取得第一個(gè)匹配元素的val內(nèi)容

var

checkValue

=

$("select:eq(0)

:selected").val();//=========強(qiáng)烈建議用這個(gè)，以防多選

//獲取Select選中的索引值

var

checkIndex

=

$("#select_id

").get(0).selectedIndex;

//獲取Select最大的索引值

var

maxIndex

=

$("#select_id

:last").prop("index");

//建議用這個(gè)

=

$("#select_id

option:last").prop("index");

=

$("select:eq(0)").find(":last").prop("index")

=

$("select:eq(0)").find("option:last").prop("index")

//=========================================================================================

//jQuery設(shè)置Select選擇的

Text和Value:

//

設(shè)置Select的Value值為4的項(xiàng)選中

$("#select_id

").val(4);

//用這個(gè)

$("#select_id

[value='4']").prop("selected",

true);

$("#select_id

option[value='4']").prop("selected",

true);

//設(shè)置select中的第一個(gè)option被選中

$("select

:first").prop("selected",

true);//這個(gè)

$("select

:first").prop("selected",

'selected');

$("select

option:first").prop("selected",

"true");

$("select

option:first").prop("selected",

"selected");

//============================================================================================

//jQuery添加/刪除Select的Option項(xiàng)

$("#select_id").append("option

value='Value'Text/option");

//為Select末尾追加一個(gè)Option(下拉項(xiàng))

$("#select_id").prepend("option

value='0'請(qǐng)選擇/option");

//為Select首部插入一個(gè)Option(第一個(gè)位置)

$("#select_id

:last").remove();

//刪除Select中索引值最大Option(最后一個(gè))

$("#select_id

:fist").remove();

//刪除Select中索引值最小為0Option(第一個(gè))

$("#select_id

[value='3']").remove();

//刪除Select中Value='3'的Option

});

/script

/head

table

tr

td

!--multiple設(shè)定下拉框可以多選，size設(shè)定下拉框不呈現(xiàn)下拉方式，--

select

size="12"

id="One"

multiple="multiple"

option

value='1'蘋(píng)果/option

option

value="2"香蕉/option

option

value="3"草莓/option

option

value="4"橘子/option

/select

/td

td

input

type="button"

value=""br

input

type="button"

value=" "br

input

type="button"

value=" "br

input

type="button"

value=""br

/td

td

select

size="12"

id="two"

multiple="multiple"

option

value="5"葡萄/option

/select

/td

td

input

type="button"

value=" up "brbr

input

type="button"

value="down"br

/td

/tr

/table

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

jquery怎樣獲取select的值

var options=$("#id option:selected");//獲取選中的項(xiàng)

alert(options.val()); //拿到選中項(xiàng)的值

alert(options.text()); //拿到選中項(xiàng)的文本

用jquery如何獲取select元素中當(dāng)前選擇的文本內(nèi)容？（而不是選項(xiàng)的值）請(qǐng)問(wèn)怎么寫(xiě)

試一下這個(gè)把，我剛才試過(guò)了，可以的

var tt=$("form select[name=selectName]").find('option:selected').text();

alert(tt);

把selectName換成你表單中的下拉框name值就行了

要是使用ID查詢這樣就行了

var tt=$("#selectId").find('option:selected').text();就行