jquery怎么設(shè)置select選中某項(xiàng)值

1、設(shè)置value為pxx的項(xiàng)選中

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計(jì),西城網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:西城等地區(qū)。西城做網(wǎng)站價(jià)格咨詢:028-86922220

$(".selector").val("pxx");

2、設(shè)置text為pxx的項(xiàng)選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這里有一個(gè)中括號(hào)的用法，中括號(hào)里的等號(hào)的前面是屬性名稱，不用加引號(hào)。很多時(shí)候，中括號(hào)的運(yùn)用可以使得邏輯變得很簡(jiǎn)單。

3、獲取當(dāng)前選中項(xiàng)的value

$(".selector").val();

4、獲取當(dāng)前選中項(xiàng)的text

jquery怎樣獲取select的值

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

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

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

jquery怎么獲取select選中的值

JQuery是控制和操作select詳解。

先看下面的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) 自定義屬性的值

Jquery獲取select選中項(xiàng) 自定義屬性的值的方法：

示例代碼：

1、html代碼：

!DOCTYPE

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titlejquery中attr()方法/title

script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" /script

style

p{color:red}

li{color:blue;}

.lili{font-weight:bold;color:red;}

#lili{font-weight:bold;color:red;}

/style

/head

body

select id="mysel" title="選擇提示"

optionnba/option

optionfifa/option

/select

script

...

/script

/body

html

2、jquery代碼獲取自定義屬性：

使用attr(name)獲取title值：

script

alert($("#mysel").attr("title"));

/script

3、顯示結(jié)果：

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é)果獲取：

擴(kuò)展資料：

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

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