jquery操作select詳解(取值,設(shè)置選中)
每一次操作select的時(shí)候，總是要出來翻一下資料，不如自己總結(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);
這里有一個(gè)中括號的用法，中括號里的等號的前面是屬性名稱，不用加引號。很多時(shí)候，中括號的運(yùn)用可以使得邏輯變得很簡單。
3、獲取當(dāng)前選中項(xiàng)的value
$(".selector").val();
4、獲取當(dāng)前選中項(xiàng)的text
$(".selector").find("option:selected").text();
這里用到了冒號，掌握它的用法并舉一反三也會(huì)讓代碼變得簡潔。
很多時(shí)候用到select的級聯(lián)，即第二個(gè)select的值隨著第一個(gè)select選中的值變化。這在jquery中是非常簡單的。
如：
$(".selector1").change(function(){
// 先清空第二個(gè)
$(".selector2").empty();
// 實(shí)際的應(yīng)用中，這里的option一般都是用循環(huán)生成多個(gè)了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
- jquery實(shí)現(xiàn)動(dòng)態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結(jié)
- 利用jquery操作select下拉列表框的代碼
- jQuery操作Select的Option上下移動(dòng)及移除添加等等
- jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
- jquery操作select大全
- jQuery操作select的實(shí)例代碼
- jquery操作select元素和option的實(shí)例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關(guān)文章
jquery實(shí)現(xiàn)頁面常用的返回頂部效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)頁面常用的返回頂部效果代碼，感興趣的小伙伴們可以參考一下2016-03-03
jQuery實(shí)現(xiàn)頁面頂部顯示的進(jìn)度條效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)頁面頂部顯示的進(jìn)度條效果,以完整實(shí)例形式分析了jQuery基于animate與setTimeout定時(shí)觸發(fā)實(shí)現(xiàn)進(jìn)度條漸進(jìn)顯示功能,非常簡單實(shí)用,需要的朋友可以參考下2015-12-12
jquery實(shí)現(xiàn)相冊一下滑動(dòng)兩次的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)相冊一下滑動(dòng)兩次的方法,是非常實(shí)用的圖片特效技巧,需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)復(fù)選框全選/取消全選/反選及獲得選擇的值
這篇文章主要介紹了jQuery實(shí)現(xiàn)的復(fù)選框全選/取消全選/反選及獲得選擇的值,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jQuery焦點(diǎn)圖插件SaySlide，新版的SaySlide 2.0重構(gòu)了代碼，并基本上保留了原有的功能，感興趣的小伙伴們可以參考一下2015-12-12
本文將為大家收集10個(gè)超贊的jQuery圖片滑塊動(dòng)畫,都是小編精挑細(xì)選而來，希望這些現(xiàn)成的jQuery插件將為你節(jié)省很多開發(fā)時(shí)間。2016-01-01
jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
Web開發(fā)進(jìn)行頁面跳轉(zhuǎn)時(shí)在pageB中引用的JS并未成功運(yùn)行，針對這個(gè)問題本文給予了詳細(xì)的解決方法，感興趣的你可以參考下哈，希望可以幫助到你2013-03-03
jQuery開源組件BootstrapValidator使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery開源組件BootstrapValidator的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這里給大家介紹一款兼容各大瀏覽器的jQuery處理cookies的插件jQuery.cookie，有需要的小伙伴們可以參考下2014-11-11
jQuery對象就是通過jQuery包裝DOM對象后產(chǎn)生的對象。jQuery對象是jQuery獨(dú)有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如$("#img").attr("src","test.jpg"); 這里的$("#img")就是jQuery對象；2009-04-04