包含jquery獲取select選中的文本的詞條

jquery怎么獲取select選中的值

jQuery是控制和操作select詳解。

創新互聯建站云計算的互聯網服務提供商,擁有超過13年的服務器租用、成都電信服務器托管、云服務器、網絡空間、網站系統開發經驗，已先后獲得國家工業和信息化部頒發的互聯網數據中心業務許可證。專業提供云主機、網絡空間、域名與空間、VPS主機、云服務器、香港云服務器、免備案服務器等。

先看下面的html代碼

select id="test"

option value="1"選項一option

option value="2"選項一option

...

option value="n"選項Noption

/select

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

//獲取第一個option的值

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

//最后一個option的值

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

//獲取第二個option的值

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

//獲取選中的值

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

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

//設置值為2的option為選中狀態

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

//設置最后一個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的長度

$('#test option').length;

//添加一個option

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

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

//添除選中項

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

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

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

//指定值被刪除

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

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

$(this).remove();

}

});

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

//獲取第一個Group的標簽

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

//獲取第二group下面第一個option的值

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

jquery 怎樣獲取select多選下拉框所有選項的值

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

$(selector).val(value)

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

一、創建一個select元素：

二、創建如下獲取屬性函數：

三、結果獲取：

擴展資料：

通過?.val()?方法從 textarea 元素中取得的值是不含有回車（\r）字符的。但是如果該值是通過 XHR 傳遞給服務器的，回車（\r）字符會被保留（或者是被瀏覽器添加的，但是在原始數據中并不包含回車（\r））。可以使用下面的 valHook 方法解決這個問題：

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

jQuery實現select下拉框獲取當前選中文本、值、索引

話不多說，請看代碼：

//直接保存后綴.htnl用谷歌瀏覽器打開，親測有效

head

script

src=""/script

script

$(function(){

//為Select添加事件，當選擇其中一項時觸發

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

//code

});

//獲取Select選中的Text:結果是由所有匹配元素包含的文本內容組合起來的文本

var

checkText

=

$("select:eq(0)

:selected").text();//建議用這個簡單

=

$("select:eq(0)

option:selected").tetx();

=

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

=

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

//如果多選，將返回一個數組，其包含所選的值。

var

checkValue

=

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

//獲取Select選中匹配元素的當前值,即[即使多選也只]取得第一個匹配元素的val內容

var

checkValue

=

$("select:eq(0)

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

//獲取Select選中的索引值

var

checkIndex

=

$("#select_id

").get(0).selectedIndex;

//獲取Select最大的索引值

var

maxIndex

=

$("#select_id

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

//建議用這個

=

$("#select_id

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

=

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

=

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

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

//jQuery設置Select選擇的

Text和Value:

//

設置Select的Value值為4的項選中

$("#select_id

").val(4);

//用這個

$("#select_id

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

true);

$("#select_id

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

true);

//設置select中的第一個option被選中

$("select

:first").prop("selected",

true);//這個

$("select

:first").prop("selected",

'selected');

$("select

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

"true");

$("select

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

"selected");

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

//jQuery添加/刪除Select的Option項

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

value='Value'Text/option");

//為Select末尾追加一個Option(下拉項)

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

value='0'請選擇/option");

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

$("#select_id

:last").remove();

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

$("#select_id

:fist").remove();

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

$("#select_id

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

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

});

/script

/head

table

tr

td

!--multiple設定下拉框可以多選，size設定下拉框不呈現下拉方式，--

select

size="12"

id="One"

multiple="multiple"

option

value='1'蘋果/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

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

jquery怎樣獲取select的值

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

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

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

用jquery如何獲取select元素中當前選擇的文本內容？（而不是選項的值）請問怎么寫

試一下這個把，我剛才試過了，可以的

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

alert(tt);

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

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

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

本文名稱：包含jquery獲取select選中的文本的詞條
網站網址：http://m.kartarina.com/article34/dseeope.html

成都網站建設公司_創新互聯，為您提供定制網站、網站營銷、網站導航、品牌網站建設、外貿建站、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯