• asp.net下拉框(select)的基本操作 DoTop


    1、获取单个select框的选中值。
       js方法获取:
        获取value值var value = document.getElementById("select_ID").value;
        获取text值:var selectObj= document.getElementById("select_ID");
                      var text=selectObj[selectObj.selectedIndex].innerHTML;
       jquery方法获取:
        获取value值:$("#select_ID").val();
        获取text值:$("#select_ID").find("option:selected").text();

    2、获取所有select框的选中值
          var selectList = document.getElementsByTagName("select_Name");
        for (var i = 0; i < selectList.length; i++) {
                  alert(selectList[i].value);//获取value值
           alert($(selectList[i]).find("option:selected").text());//获取text值

           }
    3、为select框添加下拉项
      js方法:
       var selectObj= document.getElementById("select_ID");
       var opp = new Option(text, value);
       selectObj.add(opp);
      jquery方法:
       $("#select_ID").append("<option value='Value'>Text</option>");  //添加一项option
       
    $("#select_ID").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
    4、移除select框下拉项
      
    批量删除:
       var selectObj = document.getElementById("select_ID");
             var optionItems = selectObj.options;
       for (var i = optionItems.length-1; i >=0 ; i--) {
                    $(optionItems[i]).remove();
            }
      单个删除:    
        $("#select_ID option:last").remove(); //删除索引值最大的Option
        $("#select_ID option[index='0']").remove();//删除索引值为0的Option
        $("#select_ID option[value='3']").remove(); //删除值为3的Option
        $("#select_ID option[text='4']").remove(); //删除text值为4的Option
    5、设置select的值
      设置select 选中的value:
        $("#select_ID").attr("value","Normal“);
        $("#select_ID").val("Normal");
        $("#select_ID").get(0).value = value;
        document.
      设置select 选中的text:
        var count=$("#select_ID option").length;//select下拉框的option条数
        for(var i=0;i<count;i++)  {          
          if($("#select_ID").get(0).options[i].text == “text”)         
          {             
            $("#select_ID").get(0).options[i].selected = true;                       
            break;         
          }     
        }
      设置select 选中的索引:
           $("#select_ID").get(0).selectedIndex=index;//index为索引值

     

  • 相关阅读:
    mybatis与spring的整合(代码实现)
    使用maven构建一个web项目
    解决maven 找不到指定路径应该如何
    建一个maven项目
    spring xml的配置
    mybatis.xml和mapper.xml的配置
    mvc @helper 创建用户自定义html
    sqlserver CLR sqlserver使用C# dll
    索引碎片
    压缩数据库
  • 原文地址:https://www.cnblogs.com/zizaisuixin/p/2601471.html
Copyright © 2020-2023  润新知