JS显示下拉列表框内全部元素的方法

这篇文章主要介绍了JS显示下拉列表框内全部元素的方法,涉及javascript遍历下拉列表元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：

下面的JS代码可以通过alert框显示指定下拉列表的全部元素

1. <!DOCTYPE html> 
2. <html> 
3. <head> 
4. <script> 
5. function getOptions() 
6. { 
7. var x=document.getElementById("mySelect"); 
8. var txt="All options: "; 
9. var i; 
10. for (i=0;i<x.length;i++) 
11. { 
12. txt=txt + "/n" + x.options[i].text; 
13. } 
14. alert(txt); 
15. } 
16. </script> 
17. </head> 
18. <body> 
19. <form> 
20. Select your favorite fruit: 
21. <select id="mySelect"> 
22. <option>Apple</option> 
23. <option>Orange</option> 
24. <option>Pineapple</option> 
25. <option>Banana</option> 
26. </select> 
27. <br><br> 
28. <input type="button" onclick="getOptions()" 
29. value="Output all options"> 
30. </form> 
31. </body> 
32. </html> 

希望本文所述对大家的javascript程序设计有所帮助。