熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

2022-06-13   來源: JSP教程 
本篇文章是對JQuery獲取和設置Select選項的一些常用方法進行了匯總介紹有需要的朋友可以參考一下  

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

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

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

得到select項的個數
  
 $("#cusChildTypeId")get()optionslength

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

設置select 選中的value
    $("#cusChildTypeId")attr("value""Normal");
    $("#cusChildTypeId")val("Normal");
    $("#cusChildTypeId")get()value = "Normal";

設置select 選中的text:
 >var count=$("#cusChildTypeId")get()optionslength;
     for(var i=;i<count;i++) 
         {          
  if($("#cusChildTypeId")get()optionstext == text) 
         { 
             $("#cusChildTypeId")get()optionsselected = true;
             break; 
         } 
        }

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

向select中添加一項顯示內容為text值為value
  
 $("#cusChildTypeId")get()optionsadd(new Option(textvalue));

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

清空 Select:
 > $("#cusChildTypeId")empty();
 > $("#cusChildTypeId")get()optionslength = ;  


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19941.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.