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; 

  • 相关阅读:
    mongodbwindows安装过程附带安装包百度云
    PostgreSQL数据库中跨库访问解决方案
    PostgreSQL 同步复制(1master+2standby)
    PostgreSQL数据导出导入COPY
    CentOS 6.5安装PostgreSQL9.3.5时报错: jade: Command not found
    postgresql常用命令
    EasyUI Messager 消息框
    js验证如何限制文本框只能输入数字
    推荐几个在线PDF转化成Word网站
    程序员高效编程的14点建议
  • 原文地址:https://www.cnblogs.com/antis/p/7047557.html
Copyright © 2011-2022 走看看