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; 

  • 相关阅读:
    JS基础18-网站效果
    JS基础17-网站效果
    JS基础16-轮播图的实现(二维数组实现多变量同时滚动)
    JS基础15-事件监听
    JS基础14-对DOM的增改和删除工作
    JS基础13-DOM访问表格子元素的常用属性和方法
    python之路--装饰器函数
    python之路 函数进阶
    python之路 初始函数
    python之字符编码
  • 原文地址:https://www.cnblogs.com/antis/p/7047557.html
Copyright © 2011-2022 走看看