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

2019-11-20 12:48:30

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：js使用onmousemove和onmouseout获取鼠标坐标的方法

下一篇：JS动态改变表格边框宽度的方法