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

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);

});

相關文章

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

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

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

    jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明

    這篇文章主要介紹了jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明,使用jQuery的事件會使代碼更加簡單,同時對各瀏覽器的兼容性也還不錯,需要的朋友可以參考下
    2016-05-05
  • jQuery添加刪除DOM元素方法詳解

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

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

    jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法

    這篇文章主要介紹了jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法,可實現(xiàn)tab選項卡的延遲加載效果,涉及jquery鼠標事件及延遲函數(shù)的相關使用技巧,需要的朋友可以參考下
    2015-07-07
  • jQuery事件 delegate()使用方法介紹

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

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

    利用JQuery阻止事件冒泡

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

    利用jquery如何從json中讀取數(shù)據(jù)追加到html中

    這篇文章主要給大家介紹了關于利用jquery如何從json中讀取數(shù)據(jù)追加到html中的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編一起來看看吧。
    2017-12-12
  • jQuery根據(jù)ID、CLASS、等獲取對象的實例

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

    下面小編就為大家?guī)硪黄猨Query根據(jù)ID、CLASS、等獲取對象的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-12-12
  • jQuery實現(xiàn)的超簡單輪播圖功能示例【代碼解釋】

    jQuery實現(xiàn)的超簡單輪播圖功能示例【代碼解釋】

    這篇文章主要介紹了jQuery實現(xiàn)的超簡單輪播圖功能,結(jié)合完整實例形式分析了基于jQuery實現(xiàn)的輪播圖相關功能實現(xiàn)、樣式設置與注意事項,需要的朋友可以參考下
    2023-05-05
  • EasyUI的TreeGrid的過濾功能的解決思路

    EasyUI的TreeGrid的過濾功能的解決思路

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

最新評論