jquery操作select詳解(取值,設(shè)置選中)

更新時間：2014年02月07日 09:19:45 作者：

本篇文章主要是對jquery操作select(取值,設(shè)置選中)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

每一次操作select的時候，總是要出來翻一下資料，不如自己總結(jié)一下，以后就翻這里了。

比如<select class="selector"></select>

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

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

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

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

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

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

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

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

$(".selector").find("option:selected").text();

這里用到了冒號，掌握它的用法并舉一反三也會讓代碼變得簡潔。

很多時候用到select的級聯(lián)，即第二個select的值隨著第一個select選中的值變化。這在jquery中是非常簡單的。

如：

復(fù)制代碼代碼如下:

$(".selector1").change(function(){

// 先清空第二個

$(".selector2").empty();

// 實(shí)際的應(yīng)用中，這里的option一般都是用循環(huán)生成多個了

var option = $("<option>").val(1).text("pxx");

$(".selector2").append(option);

});

您可能感興趣的文章:

相關(guān)文章

淺談jQuery中的eq()與DOM中element.[]的區(qū)別
下面小編就為大家?guī)硪黄獪\談jQuery中的eq()與DOM中element.[]的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
寫jQuery插件時的注意點(diǎn)
本文主要介紹了寫jQuery插件時該注意的知識點(diǎn)，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
jQuery實(shí)現(xiàn)企業(yè)網(wǎng)站橫幅焦點(diǎn)圖切換功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)企業(yè)網(wǎng)站橫幅焦點(diǎn)圖切換功能,實(shí)例分析了jQuery企業(yè)網(wǎng)站焦點(diǎn)圖的詳細(xì)實(shí)現(xiàn)方法,非常簡單實(shí)用,需要的朋友可以參考下
2015-04-04
jQuery ajax實(shí)現(xiàn)省市縣三級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了jQuery ajax實(shí)現(xiàn)省市縣三級聯(lián)動的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
jquery實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示下劃線的漸變下拉菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示下劃線的漸變下拉菜單效果代碼,涉及jquery插件SuperSlide.2.1.js實(shí)現(xiàn)滑動切換效果的技巧,非常具有實(shí)用價值,需要的朋友可以參考下
2015-08-08
JQuery自適應(yīng)IFrame高度（支持嵌套兼容IE,ff,safafi,chrome）
很高興，終于使用jquery實(shí)現(xiàn)了點(diǎn)擊外部鏈接，更改iframe內(nèi)容時，iframe的高度自適應(yīng)問題。
2011-03-03
jQuery 翻頁組件yunm.pager.js實(shí)現(xiàn)div局部刷新的思路
翻頁插件有很多種，做出來的效果都非常棒，這篇文章主要介紹了jQuery 翻頁組件yunm.pager.js實(shí)現(xiàn)div局部刷新的思路，非常不錯,需要的朋友可以參考下
2016-08-08
基于jquery的浮動層效果代碼
一款接近完美的jquery浮動層，會隨著滾動條而自動滾動，始終維持在頁面的中間部分，利用浮動層你可以制作一個QQ在線客服。
2011-08-08
jquery密碼強(qiáng)度校驗(yàn)
這篇文章主要介紹了jquery密碼強(qiáng)度校驗(yàn)，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強(qiáng)度，本文使用jQuery來實(shí)現(xiàn)，有需要的小伙伴可以參考下。
2015-12-12
jquery給元素設(shè)置屬性的簡單方法
jquery是一個js插件庫,現(xiàn)在很多前端開發(fā)人員都是使用它來操作dom的,對于dom操作,jquery提供了很多方法,這篇文章主要給大家介紹了關(guān)于jquery給元素設(shè)置屬性的簡單方法,需要的朋友可以參考下
2023-06-06