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