jquery操作select詳解(取值,設(shè)置選中)
每一次操作select的時候,總是要出來翻一下資料,不如自己總結(jié)一下,以后就翻這里了。
比如<select class="selector"></select>
1、設(shè)置value為pxx的項選中
$(".selector").val("pxx");
2、設(shè)置text為pxx的項選中
$(".selector").find("option[text='pxx']").attr("selected",true);
這里有一個中括號的用法,中括號里的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。
3、獲取當前選中項的value
$(".selector").val();
4、獲取當前選中項的text
$(".selector").find("option:selected").text();
這里用到了冒號,掌握它的用法并舉一反三也會讓代碼變得簡潔。
很多時候用到select的級聯(lián),即第二個select的值隨著第一個select選中的值變化。這在jquery中是非常簡單的。
如:
$(".selector1").change(function(){
// 先清空第二個
$(".selector2").empty();
// 實際的應(yīng)用中,這里的option一般都是用循環(huán)生成多個了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
- jquery實現(xiàn)動態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結(jié)
- 利用jquery操作select下拉列表框的代碼
- jQuery操作Select的Option上下移動及移除添加等等
- jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
- jquery操作select大全
- jQuery操作select的實例代碼
- jquery操作select元素和option的實例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關(guān)文章
jQuery實現(xiàn)頁面頂部顯示的進度條效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)頁面頂部顯示的進度條效果,以完整實例形式分析了jQuery基于animate與setTimeout定時觸發(fā)實現(xiàn)進度條漸進顯示功能,非常簡單實用,需要的朋友可以參考下2015-12-12
jQuery實現(xiàn)復(fù)選框全選/取消全選/反選及獲得選擇的值
這篇文章主要介紹了jQuery實現(xiàn)的復(fù)選框全選/取消全選/反選及獲得選擇的值,需要的朋友可以參考下2014-06-06
jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
Web開發(fā)進行頁面跳轉(zhuǎn)時在pageB中引用的JS并未成功運行,針對這個問題本文給予了詳細的解決方法,感興趣的你可以參考下哈,希望可以幫助到你2013-03-03
jQuery開源組件BootstrapValidator使用詳解
這篇文章主要為大家詳細介紹了jQuery開源組件BootstrapValidator的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06

