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

 

 

posted @ 2012-07-20 17:15  DoTop-DoIT  阅读(12831)  评论(1编辑  收藏  举报