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

淺析Jquery操作select

 更新時(shí)間:2016年12月13日 09:42:28   作者:黃樹(shù)強(qiáng)  
本文主要介紹了Jquery如何操作select,并對(duì)此做了詳細(xì)的注釋,具有很好的參考價(jià)值,需要的朋友可以看看

話不多說(shuō),請(qǐng)看代碼:

<select id="Select1">
  <option value="one">一</option>
  <option value="two">二</option>
  <option value="thr">三</option>
  <option value="tho">四</option>
</select>

注釋:

(1)給下拉框賦值:$("#Select1").val(“二”);這時(shí)已經(jīng)選中了 value是two的選項(xiàng) ,通過(guò)$("#Select1")[0].selectedIndex或者$("#Select1").get(0).selectedIndex可以得到此時(shí)的索引是1,下拉框的索引是從0開(kāi)始的

(2)通過(guò)設(shè)置屬性$("#Select1 option[value='two']").attr('selected',true);也可以設(shè)置選中  其實(shí)就是相當(dāng)于賦值

(3)得到選中值對(duì)應(yīng)的text:

             1、通過(guò)值得到:$("#Select1 option[value='" + 值 + "']").text()或者$("#Select1").find("option[value='" + 值 + "']").text()

             2、通過(guò)選中狀態(tài)得到:$("#Select1").find("option:selected").text()

(4)下拉框的級(jí)聯(liá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);
  });

(5)通過(guò)option中text的值  來(lái)選中相應(yīng)的option的值

 var count = $("#Select1 option").length;
    for (var i = 0; i < count; i++) {
     if ($("#Select1").get(0).options[i].text == $(this).val()) {
      $("#Select1").get(0).options[i].selected = true;
      break;
     }
    }

Ps:jquer中去掉前后空格的方法:$.trim(值);

以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!

相關(guān)文章

  • jquery中g(shù)et和post的簡(jiǎn)單實(shí)例

    jquery中g(shù)et和post的簡(jiǎn)單實(shí)例

    本篇文章主要是對(duì)jquery中g(shù)et和post的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2014-02-02
  • jquery實(shí)現(xiàn)員工信息添加與刪除功能

    jquery實(shí)現(xiàn)員工信息添加與刪除功能

    這篇文章主要為大家詳細(xì)介紹了利用jquery制作簡(jiǎn)易的員工信息添加與刪除,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • js/jquery判斷瀏覽器類型的方法小結(jié)

    js/jquery判斷瀏覽器類型的方法小結(jié)

    有些時(shí)候需要根據(jù)瀏覽器來(lái)寫樣式,所以要判斷一下瀏覽器類型,百度了一下,才知道JQuery有個(gè)方法直接判斷,并附上原生的js的判斷方法,分享給大家,有需要的小伙伴可以參考下。
    2015-05-05
  • jQuery 入門級(jí)學(xué)習(xí)筆記及源碼

    jQuery 入門級(jí)學(xué)習(xí)筆記及源碼

    本周公司技術(shù)講座輪到我了,準(zhǔn)備說(shuō)說(shuō)現(xiàn)在流行的jQuery,下面是概要提綱,關(guān)鍵是看custom.js,已上傳源碼,程序中“//##”是分段用的,大家可以根據(jù)每一段取消注釋,然后找到相應(yīng)的id或class名查看效果。
    2010-01-01
  • 解決jquery中美元符號(hào)命名沖突問(wèn)題

    解決jquery中美元符號(hào)命名沖突問(wèn)題

    在Jquery中,$是JQuery的別名,所有使用$的地方也都可以使用JQuery來(lái)替換,下面為大家介紹下如何解決jquery中美元符號(hào)命名沖突問(wèn)題
    2014-01-01
  • jQuery simpleModal插件的使用介紹

    jQuery simpleModal插件的使用介紹

    SimpleModal是一個(gè)輕量級(jí)的jQuery插件,它提供了一個(gè)模式對(duì)話框發(fā)展強(qiáng)大的接口。這篇文章主要介紹了jQuery simpleModal插件的使用,非常不錯(cuò),具有參考借鑒價(jià)值,對(duì)jquery simplemodal相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
    2016-08-08
  • jquery高級(jí)編程的最佳實(shí)踐詳解

    jquery高級(jí)編程的最佳實(shí)踐詳解

    這篇文章主要介紹了jquery高級(jí)編程的最佳實(shí)踐詳解,學(xué)習(xí)JQ的朋友一定需要這個(gè),參考下吧
    2014-03-03
  • jQuery添加/改變/移除CSS類及判斷是否已經(jīng)存在CSS

    jQuery添加/改變/移除CSS類及判斷是否已經(jīng)存在CSS

    正如標(biāo)題所言會(huì)用到removeClass移除CSS類、addClass添加CSS類、toggleClass添加或者移除CSS類,hasClass判斷是否已經(jīng)存在CSS
    2014-08-08
  • jQuery實(shí)現(xiàn)下拉菜單滑動(dòng)效果

    jQuery實(shí)現(xiàn)下拉菜單滑動(dòng)效果

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)下拉菜單滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • 使用jQuery獲得內(nèi)容以及內(nèi)容的屬性

    使用jQuery獲得內(nèi)容以及內(nèi)容的屬性

    本文給大家分享的是一則使用jQuery獲得內(nèi)容以及內(nèi)容的屬性的方法和示例,非常實(shí)用,推薦給大家。
    2015-02-02

最新評(píng)論