javascript 之 select下拉框

作者: 罗代均 ldj_work#126.com 转载请保持完整性

1.动态创建select

   function createSelect(){

       var mySelect = document.createElement("select"); 
       mySelect.id = "mySelect";  
       document.body.appendChild(mySelect);
   }

2.添加选项option

  function addOption(){

       //根据id查找对象，
        var obj=document.getElementById('mySelect');

        //添加一个选项
        obj.add(new   Option("文本","值"));   
  }

3.删除所有选项option

  function removeAll(){
        var obj=document.getElementById('mySelect');
  
        obj.options.length=0;  

  }

4.删除一个选项option

 function removeOne(){
        var obj=document.getElementById('mySelect');

        //index,要删除选项的序号，这里取当前选中选项的序号

        var index=obj.selectedIndex;
        obj.options.remove(index);  
  }

5.获得选项option的值

 var obj=document.getElementById('mySelect');

 var index=obj.selectedIndex; //序号，取当前选中选项的序号

 var val = obj.options[index].value;

6.获得选项option的文本

var obj=document.getElementById('mySelect');

 var index=obj.selectedIndex; //序号，取当前选中选项的序号

 var val = obj.options[index].text;

7.修改选项option

var obj=document.getElementById('mySelect');

 var index=obj.selectedIndex; //序号，取当前选中选项的序号

 var val = obj.options[index]=new Option("新文本","新值");

8.删除select

   function removeSelect(){
         var mySelect = document.getElementById("mySelect");
        mySelect.parentNode.removeChild(mySelect);
  }

11 检测是否有选中
 2if(objSelect.selectedIndex > -1) {
 3//说明选中
 4} else {
 5//说明没有选中
 6}
 7
 82 删除被选中的项 
 9objSelect.options[objSelect.selectedIndex] = null;
10
113 增加项
12objSelect.options[objSelect.length] = new Option("你好","hello");
13
144 修改所选择中的项
15objSelect.options[objSelect.selectedIndex] = new Option("你好","hello");
16
175 得到所选择项的文本
18objSelect.options[objSelect.selectedIndex].text;
19
206 得到所选择项的值
21objSelect.options[objSelect.selectedIndex].value;
22

评论

1 楼 ivonxiao 2008-06-02  

谢谢博主的分享