码上快乐

相关内容   简体   繁体

如何动态增加下拉框列表，下拉框里的内容从js数组里得来？

本文转载自  查看原文  2012-08-28 15:02  3647    javascript

很抱歉，我没测一下，动态增加下拉框的内容按照我第一个写法IE没问题，firefox会出错。 
改成这样都可以了。 

这样就可以个下拉框添加内容，你只要遍历你的js数组加进去 

Html代码    收藏代码
  1. <select id="Input"></select>     

Js代码    收藏代码
  1. var   option   =   document.createElement("option");    
  2. option.text='11';    
  3. option.value='22'   ;    
  4. Input.add(option);    

 

从js数组中得到：看例子 

Html代码    收藏代码
  1. <html>  
  2. <head>  
  3. </head>  
  4. <body>  
  5. <select id="collect" onclick="fun()"></setect>  
  6. <option>AAA</option>  
  7. <option>BBB</option>  
  8. <script type="text/javascript">  
  9. var tom=['CCC','DDD']  
  10. var collect=document.getElementById("collect")  
  11.     var old=collect.innerHTML  
  12.     var fun =function(){  
  13.       
  14.     var niw=" "  
  15.     for(var i=0;i<tom.length;i++){  
  16.         niw+='<option>'+tom[i]+'</option>';  
  17.     }  
  18.     collect.innerHTML=old+niw  
  19.       
  20. }  
  21. </script>  
  22. </body>  
  23. </html>  


免责声明！

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



猜您在找 iview列表中添加下拉框 JS下拉框动态选择 JS下拉框年月 JS封装的下拉框 动态加载下拉框列表并添加onclick事件 动态获取数据库内容并赋值给下拉框 Table表中添加下拉框 React 下拉框 MFC下拉框 Layui的下拉框
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM