Js操作select(getElementById的用法)

  1. 注意:Option中的O是要大写的,不然语法报错    
  2.   
  3. 1.动态创建select   
  4.   
  5. Javascript代码    
  6. function createSelect(){      
  7.       
  8. Select = document.createElement("select");      
  9.     mySelect.id = "mySelect";       
  10.     document.body.appendChild(mySelect);      
  11. }      
  12.   
  13.   
  14. 2.添加选项option   
  15.   
  16. Javascript代码    
  17.      function addOption(){      
  18.       
  19.           //根据id查找对象,      
  20.            var obj=document.getElementById('mySelect');      
  21.       
  22.            //添加一个选项      
  23. obj.add(new Option("文本","值"));    //这个只能在IE中有效      
  24.          obj.options.add(new Option("text","value")); //这个兼容IE与firefox      
  25.      }      
  26.   
  27.   
  28. ----------------------------------------------------------------    
  29. Option里面的四个参数分别的意思    
  30.   
  31. new   Option   (text,value,defaultselected,selected)      
  32. new   Option   (文本,值,默认选中的选项,选中的选项)    
  33.   
  34. 看测试结果就懂了     
  35.   <select   id="s1"></select>     
  36.       
  37.   <script>     
  38.       var   op   =   new   Option("显示文本1","值1",false,false);     
  39.       s1.options.add(op);     
  40.       op   =     new   Option("显示文本2","值2",false,true);     
  41.       s1.options.add(op);     
  42.   </script>    
  43. -----------------------------------------------------------------    
  44.   
  45. 3.删除所有选项option   
  46.   
  47. Javascript代码    
  48.      function removeAll(){      
  49.            var obj=document.getElementById('mySelect');      
  50. obj.options.length=0;      
  51.       
  52.      }      
  53.   
  54.   
  55. 4.删除一个选项option   
  56.   
  57. Javascript代码    
  58. function removeOne(){      
  59.            var obj=document.getElementById('mySelect');      
  60.       
  61.            //index,要删除选项的序号,这里取当前选中选项的序号      
  62.       
  63. var index=obj.selectedIndex;      
  64. obj.options.remove(index);      
  65.      }      
  66.   
  67.   
  68. 5.获得选项option的值   
  69.   
  70. Javascript代码    
  71. var obj=document.getElementById('mySelect');      
  72.       
  73. var index=obj.selectedIndex; //序号,取当前选中选项的序号      
  74.       
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值