JS显示下拉列表框内全部元素的方法
发布时间：2016-12-30 来源：查字典编辑
摘要：本文实例讲述了JS显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：下面的JS代码可以通过alert框显示指定下拉列表的全部元...
本文实例讲述了JS显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：
下面的JS代码可以通过alert框显示指定下拉列表的全部元素
<!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" value="Output all options"> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。