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


Posted in Javascript onMarch 31, 2015

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

Javascript 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
JavaScript极简入门教程(一):基础篇
Oct 25 Javascript
jQuery动态添加
Apr 07 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
setTimeout学习小结
Feb 08 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
微信小程序实现文件、图片上传功能
Aug 18 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 Javascript
JS动态改变表格边框宽度的方法
Mar 31 #Javascript
60行js代码实现俄罗斯方块
Mar 31 #Javascript
JS动态修改表格cellPadding和cellSpacing的方法
Mar 31 #Javascript
js实现的牛顿摆效果
Mar 31 #Javascript
JS动态显示表格上下frame的方法
Mar 31 #Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 #Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 #Javascript
You might like
Php获取金书网的书名的实现代码
2010/06/11 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
Jquery实现仿京东商城省市联动菜单
2015/11/19 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
JavaScript DOM节点操作方法总结
2016/08/23 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
Python标准库defaultdict模块使用示例
2015/04/28 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
Python 异常的捕获、异常的传递与主动抛出异常操作示例
2019/09/23 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
装修五一活动策划案
2014/01/23 职场文书
仓库文员岗位职责
2014/04/06 职场文书
同学聚会策划方案
2014/06/06 职场文书
组织生活会发言材料
2014/12/15 职场文书
实习工作表现评语
2014/12/31 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
党支部培养考察意见
2015/06/02 职场文书
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript
Tomcat配置访问日志和线程数
2022/05/06 Servers