萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS顯示下拉列表框內全部元素的方法

JS顯示下拉列表框內全部元素的方法

 本文實例講述了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>
copyright © 萬盛學電腦網 all rights reserved