JavaScript实现select添加option

这篇文章主要介绍了JavaScript为select添加option的方法和示例，十分的简单实用，有需要的小伙伴可以参考下。

JavaScript为select添加option

1. <!DOCTYPE html> 
2. <html> 
3. <head> 
4. <meta charset="utf-8"> 
5. <title>测试文件</title> 
6. <script> 
7. window.onload = function(){ 
8. //创建select控件 
9. var _select = document.createElement("SELECT"); 
10.  
11. //添加选项 
12. for(var i=1; i<=10; i++){ 
13. var _option = new Option(i,i); 
14. _select.options.add(_option); 
15. } 
16.  
17. //选中值发生改变时的处理函数 
18. _select.onchange = function(){ 
19. alert(_select.value); //取select控件被选中的值 
20. } 
21.  
22. document.body.appendChild(_select); 
23. } 
24. </script> 
25. </head> 
26.  
27. <body> 
28. </body> 
29. </html> 

以上所述就是本文的全部内容了，希望大家能够喜欢。