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


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为索引值

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM