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 相关文章推荐
按钮JS复制文本框和表格的代码
Apr 01 Javascript
利用JavaScript检测CPU使用率自己写的
Mar 22 Javascript
禁止按回车键提交表单的方法
Jun 11 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
Vue实现简单的跑马灯
May 25 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
Jul 21 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/07/22 PHP
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
PHP概率计算函数汇总
2015/09/13 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
基于jquery的气泡提示效果
2010/05/31 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
nodejs使用async模块同步执行的方法
2019/03/02 NodeJs
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
Layui数据表格之单元格编辑方式
2019/10/26 Javascript
Nest.js环境变量配置与序列化详解
2021/02/21 Javascript
[36:22]VP vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python 正则表达式操作指南
2009/05/04 Python
Python中的defaultdict模块和namedtuple模块的简单入门指南
2015/04/01 Python
python爬取51job中hr的邮箱
2016/05/14 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
Python代码生成视频的缩略图的实例讲解
2019/12/22 Python
python各层级目录下import方法代码实例
2020/01/20 Python
css3 2D图片转动样式可以扩充到Js当中
2014/04/29 HTML / CSS
世界上最好的帽子:Tilley
2016/11/27 全球购物
领导干部培训感言
2014/01/23 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书
MySQL去除重叠时间求时间差和的实现
2021/08/23 MySQL