zoukankan      html  css  js  c++  java
  • 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; 

  • 相关阅读:
    从sql查询结果集中查询
    tsql中with用法
    tsql 2005 ROW_NUMBER
    基于对象的C#
    逍遥游
    Creating Custom Solutions for Document Collaboration
    Word template
    Jquery :nthchild 选择用法
    .net 转换任意类型不报错
    Dom 中同级元素 选择第几个的另类方法
  • 原文地址:https://www.cnblogs.com/antis/p/7047557.html
Copyright © 2011-2022 走看看