欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)選中
復(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);

});

相關(guān)文章

  • jquery ui對(duì)話框?qū)嵗a

    jquery ui對(duì)話框?qū)嵗a

    在網(wǎng)頁(yè)設(shè)計(jì)中,不論是為了減少于由于頁(yè)面跳轉(zhuǎn)而帶來(lái)的不友好用戶體驗(yàn),還是為了維持桌面應(yīng)用程序的使用習(xí)慣,對(duì)話框的設(shè)計(jì)都是不可或缺的。
    2013-05-05
  • jQuery事件的綁定、觸發(fā)、及監(jiān)聽(tīng)方法簡(jiǎn)單說(shuō)明

    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-05
  • jQuery添加刪除DOM元素方法詳解

    jQuery添加刪除DOM元素方法詳解

    這篇文章主要介紹了jQuery添加刪除DOM元素方法,結(jié)合實(shí)例形式較為詳細(xì)的分析講述了jQuery關(guān)于DOM元素節(jié)點(diǎn)的添加與刪除相關(guān)技巧,需要的朋友可以參考下
    2016-01-01
  • jquery實(shí)現(xiàn)TAB選項(xiàng)卡鼠標(biāo)經(jīng)過(guò)帶延遲效果的方法

    jquery實(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事件 delegate()使用方法介紹

    jQuery事件 delegate()使用方法介紹

    delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)
    2012-10-10
  • 利用JQuery阻止事件冒泡

    利用JQuery阻止事件冒泡

    冒泡事件就是點(diǎn)擊子節(jié)點(diǎn),會(huì)向上觸發(fā)父節(jié)點(diǎn),祖先節(jié)點(diǎn)的點(diǎn)擊事件。本文主要介紹JQuery阻止事件冒泡的實(shí)例解析。需要的朋友來(lái)看下吧
    2016-12-12
  • 利用jquery如何從json中讀取數(shù)據(jù)追加到html中

    利用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-12
  • jQuery根據(jù)ID、CLASS、等獲取對(duì)象的實(shí)例

    jQuery根據(jù)ID、CLASS、等獲取對(duì)象的實(shí)例

    下面小編就為大家?guī)?lái)一篇jQuery根據(jù)ID、CLASS、等獲取對(duì)象的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-12-12
  • jQuery實(shí)現(xiàn)的超簡(jiǎn)單輪播圖功能示例【代碼解釋】

    jQuery實(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-05
  • EasyUI的TreeGrid的過(guò)濾功能的解決思路

    EasyUI的TreeGrid的過(guò)濾功能的解決思路

    這篇文章主要介紹了EasyUI的TreeGrid的過(guò)濾功能的解決思路,需要的朋友可以參考下
    2017-08-08

最新評(píng)論