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

淺析JQuery獲取和設置Select選項的常用方法總結

 更新時間:2013年07月04日 09:15:06   作者:  
本篇文章是對JQuery獲取和設置Select選項的一些常用方法進行了匯總介紹,有需要的朋友可以參考一下

1.獲取select 選中的 text:
 $("#cusChildTypeId").find("option:selected").text();
 $("#cusChildTypeId option:selected").text()

2.獲取select選中的 value:
 $("#ddlRegType ").val();

3.獲取select選中的索引:
      $("#ddlRegType ").get(0).selectedIndex;

4.得到select項的個數
  
 $("#cusChildTypeId").get(0).options.length

5.設置select 選中的索引:
     $("#cusChildTypeId").get(0).selectedIndex=index;//index為索引值

6.設置select 選中的value:
    $("#cusChildTypeId").attr("value","Normal");
    $("#cusChildTypeId").val("Normal");
    $("#cusChildTypeId").get(0).value = "Normal";

7.設置select 選中的text:
 1>.var count=$("#cusChildTypeId").get(0).options.length;
     for(var i=0;i<count;i++) 
         {          
  if($("#cusChildTypeId").get(0).options.text == text) 
         { 
             $("#cusChildTypeId").get(0).options.selected = true;
             break; 
         } 
        }

 2>.$("#cusChildTypeId").val(text);
    $("#cusChildTypeId").change();

8.向select中添加一項,顯示內容為text,值為value
  
 $("#cusChildTypeId").get(0).options.add(new Option(text,value));

9.刪除select中值為value的項
        var count = $("#cusChildTypeId").size();          
        for(var i=0;i<count;i++)  
        {  
            if($("#cusChildTypeId").get(0).options[i].value == value)  
            {  
                $("#cusChildTypeId").get(0).remove(i);  
                break;  
            }
        }

10.清空 Select:
 1>. $("#cusChildTypeId").empty();
 2>. $("#cusChildTypeId").get(0).options.length = 0;  

相關文章

  • jQuery搜索同輩元素方法

    jQuery搜索同輩元素方法

    這篇文章主要介紹了jQuery搜索同輩元素方法,實例分析了next、nextAll、nextUtil、prev、prevAll等方法的使用技巧,并給出了一個完整的實例進行了總結歸納,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • jQuery.form.js的使用詳解

    jQuery.form.js的使用詳解

    本文使用jquery.form.js解決提交之后,頁面發(fā)生跳轉,在一個空白頁面上顯示了后端返回的json數據問題,需要的朋友參考下
    2017-06-06
  • jquery實現拖拽table表頭改變列寬

    jquery實現拖拽table表頭改變列寬

    這篇文章主要為大家詳細介紹了jquery實現拖拽table表頭改變列寬,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • jQuery .tmpl() 用法示例介紹

    jQuery .tmpl() 用法示例介紹

    解決 PHP 拼數據這方面的問題而有了 Smarty 這些模版,JavaScript 也可以利用模版來解決這些問題,比如基于 jQuery 的 jquery.tmpl
    2014-08-08
  • jQuery實現輸入框郵箱內容自動補全與上下翻動顯示效果【附demo源碼下載】

    jQuery實現輸入框郵箱內容自動補全與上下翻動顯示效果【附demo源碼下載】

    這篇文章主要介紹了jQuery實現輸入框郵箱內容自動補全與上下翻動顯示效果,涉及jquery.autoComplete.js插件的使用,可實現輸入框內容自動補全的功能,附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下
    2016-09-09
  • 淺談jQuery的bind和unbind事件(綁定和解綁事件)

    淺談jQuery的bind和unbind事件(綁定和解綁事件)

    下面小編就為大家?guī)硪黄獪\談jQuery的bind和unbind事件(綁定和解綁事件)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-03-03
  • Jquery判斷$("#id")獲取的對象是否存在的方法

    Jquery判斷$("#id")獲取的對象是否存在的方法

    如何判斷獲取的對象是否存在,貌似有很多方法實現,下面以$("#id")舉例,為大家詳細介紹下具體的判斷過程
    2013-09-09
  • JQuery核心函數是什么及使用方法介紹

    JQuery核心函數是什么及使用方法介紹

    這篇文章主要為大家詳細介紹了JQuery核心函數是什么,及使用方法介紹,感興趣的小伙伴們可以參考一下
    2016-05-05
  • jquery獲得option的值和對option進行操作

    jquery獲得option的值和對option進行操作

    本文為大家介紹下jquery獲得option的值和對option的操作,下面有不錯的示例分析及示例代碼,感興趣的朋友可以了解下
    2013-12-12
  • jQuery基于muipicker實現仿ios時間選擇

    jQuery基于muipicker實現仿ios時間選擇

    本文給大家分享的是把jQuery的muipicker插件修改實現仿IOS時間選擇特效,非常的不錯,有需要的小伙伴可以參考下。
    2016-02-02

最新評論