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;

  • 相关阅读:
    应用服务&领域服务
    Net程序调试
    node.js爬虫
    Amazon AWS S3 操作手册
    Spring MVC的异步模式DefferedResult
    mysql解决datetime与timestamp精确到毫秒的问题
    更改MySQL数据库的编码为utf8mb4
    MySQL中的表中增加删除字段
    Sublime Text 全程指引 by Lucida
    自定义多状态高仿应用下载百分数view
  • 原文地址:https://www.cnblogs.com/toSeeMyDream/p/4096659.html
Copyright © 2011-2022 走看看