這篇文章主要介紹了JS顯示下拉列表框內全部元素的方法,涉及javascript遍歷下拉列表元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了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" onclick="getOptions()"
- value="Output all options">
- </form>
- </body>
- </html>
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
