首頁 > web前端 > js教程 > 主體

淺析JQuery取得和設定Select選項的常用方法總結_jquery

WBOY
發布: 2016-05-16 17:30:27
原創
1286 人瀏覽過

1.取得select 選取的text:
 $("#cusChildTypeId").find("option:selected").text();
 $Id("#cusChildType option :selected").text()

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

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

4.select >  
 $("#cusChildTypeId").get(0).options.length

5.設定select 選取的索引:
Chi   .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;  i=0;i         {          
  if($("#cus遠🎜>             $("# 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();       🎜 >        {  
            if($("#cusChildTypeId").get(0).options[i 🎜>                $("#cusChildTypeId").get(0). remove(i);  
                break;  
        0.清空Select:
 1>. $("#cusChildTypeId").empty ();
 2>. $("#cusChildTypeId").get(0).options.length = 0;  

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板