首页 > 语言 > JavaScript > 正文

JavaScript实现select添加option

2024-05-06 16:22:38
字体:
来源:转载
供稿:网友

这篇文章主要介绍了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. _select.onchange = function(){ 
  18. alert(_select.value); //取select控件被选中的值 
  19.  
  20. document.body.appendChild(_select); 
  21. </script> 
  22. </head> 
  23.  
  24. <body> 
  25. </body> 
  26. </html> 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选