JS显示下拉列表框内全部元素的方法
2015-03-31 11:38
633 查看
本文实例讲述了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+CSS实现下拉列表框美化效果(3款)
- JavaScript实现下拉列表框数据增加、删除、上下排序的方法
- JS+CSS实现美化的下拉列表框效果
- javaScript年份下拉列表框内容为当前年份及前后50年
- js操纵dom生成下拉列表框的方法
- JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
- js获取下拉列表框<option>中的value和text的值示例代码
- javascript对下拉列表框(select)的操作实例讲解
- js Select下拉列表框进行多选、移除、交换内容的具体实现方法
- javascript获取下拉列表框当中的文本值示例代码
- JS设置下拉列表框当前所选值的方法
相关文章推荐
- js操纵dom生成下拉列表框的方法
- js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
- js实现下拉框选择要显示图片的方法
- python 显示数组全部元素的方法
- JS获取下拉框显示值和判断单选按钮的方法
- js+下拉列表框应用层的显示和隐藏
- JS设置下拉列表框当前所选值的方法
- js隐藏/显示页面元素的两种方法
- JS获取下拉框显示值和判断单选按钮的方法
- JS实现隐藏同级元素后只显示JS文件内容的方法
- Java+Selenium3方法篇27-利用JS处理元素高亮显示
- js Select下拉列表框进行多选、移除、交换内容的具体实现方法
- JS设置下拉列表框当前所选值的方法
- js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
- js实现下拉框选择要显示图片的方法
- js操纵dom生成下拉列表框的方法
- 使用grid控件时,含有combo列表框的情况下,无法显示下拉列表,可能的解决方法
- 微信中body的touchmove事件(下拉显示网址)影响元素的touchmove事件的解决方法
- js实现图片显示局部,鼠标经过显示全部的效果
- ajax实现动态从数据库模糊查询显示到下拉框中(ajax方法返回Dataset的例子)