您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
JS显示下拉列表框内全部元素的方法
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本文实例讲述了JS显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：
下面的JS代码可以通过alert框显示指定下拉列表的全部元素
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 <!DOCTYPE html> <html> <head> <script> function getOptions() { var x=document.getElementById("mySelect"); var txt="All options: "; var i; for (i=0;i<x.length;i++) { txt=txt + "n" + x.options[i].text; } alert(txt); } </script> </head> <body> <form> Select your favorite fruit: <select id="mySelect"> <option>Apple</option> <option>Orange</option> <option>Pineapple</option> <option>Banana</option> </select> <br><br> <input type="button" onclick="getOptions()" value="Output all options"> </form> </body> </html>- 上一个程序编程： JS动态改变表格边框宽度的方法
- 下一个程序编程： js使用onmousemove和onmouseout获取鼠标坐标的方法
