• 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;  

  • 相关阅读:
    wampServer多站点配置
    wamp中根目录自定义
    [学习笔记] 七步从Angular.JS菜鸟到专家(2):Scopes [转]
    [学习笔记] 七步从Angular.JS菜鸟到专家(1):如何开始 [转]
    [学习笔记] Python标准库简明教程 [转]
    [学习笔记] Python标准库的学习准备 [转]
    [学习笔记] socket通信简介 [转]
    [学习笔记] 国内主流php框架比较 [转]
    [学习笔记] symfony核心类 [转]
    [学习笔记] Symfony2安全机制
  • 原文地址:https://www.cnblogs.com/coolsundy/p/3859521.html
Copyright © 2020-2023  润新知