jquery控制select的text/value值為選中狀態(tài)
更新時間:2014年06月03日 09:07:17 作者:
這篇文章主要對jquery控制select的text/value值為選中狀態(tài)做下總結(jié),省的每次使用都要到網(wǎng)上翻下
每一次操作select的時候,總是要在網(wǎng)上翻下,太繁瑣了,自己在這里總結(jié)下。
比如<select class="selector"></select>
1、設置value為“全部“的項選中
$(".selector").val("全部");
2、設置text為“全部“的項選中
$(".selector").find("option[text='全部']").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();
// 實際的應用中,這里的option一般都是用循環(huán)生成多個了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
比如<select class="selector"></select>
1、設置value為“全部“的項選中
復制代碼 代碼如下:
$(".selector").val("全部");
2、設置text為“全部“的項選中
復制代碼 代碼如下:
$(".selector").find("option[text='全部']").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();
// 實際的應用中,這里的option一般都是用循環(huán)生成多個了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
您可能感興趣的文章:
- jQuery獲取select選中的option的value值實現(xiàn)方法
- jQuery獲取checkboxlist的value值的方法
- Jquery使用val方法讀寫value值
- jQuery對val和atrr("value")賦值的區(qū)別介紹
- jQuery操作select下拉框的text值和value值的方法
- Jquery遍歷checkbox獲取選中項value值的方法
- jquery如何通過name名稱獲取當前name的value值
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- jquery 根據(jù)name名獲取元素的value值
- jQuery操作value值方法介紹
相關文章
jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明
這篇文章主要介紹了jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明,使用jQuery的事件會使代碼更加簡單,同時對各瀏覽器的兼容性也還不錯,需要的朋友可以參考下2016-05-05jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法
這篇文章主要介紹了jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法,可實現(xiàn)tab選項卡的延遲加載效果,涉及jquery鼠標事件及延遲函數(shù)的相關使用技巧,需要的朋友可以參考下2015-07-07利用jquery如何從json中讀取數(shù)據(jù)追加到html中
這篇文章主要給大家介紹了關于利用jquery如何從json中讀取數(shù)據(jù)追加到html中的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編一起來看看吧。2017-12-12jQuery實現(xiàn)的超簡單輪播圖功能示例【代碼解釋】
這篇文章主要介紹了jQuery實現(xiàn)的超簡單輪播圖功能,結(jié)合完整實例形式分析了基于jQuery實現(xiàn)的輪播圖相關功能實現(xiàn)、樣式設置與注意事項,需要的朋友可以參考下2023-05-05