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 相关文章推荐
innerText和textContent对比及使用介绍
Feb 27 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
vue的安装及element组件的安装方法
Mar 09 Javascript
Vue中使用vue-i18插件实现多语言切换功能
Apr 25 Javascript
JS前端广告拦截实现原理解析
Feb 17 Javascript
vue基础知识--axios合并请求和slot
Jun 04 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
php错误级别的设置方法
2013/06/17 PHP
一段实用的php验证码函数
2016/05/19 PHP
PHP 常用时间函数资料整理
2016/10/22 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
Vue中使用better-scroll实现轮播图组件
2020/03/07 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
J2EE包括哪些技术
2016/11/25 面试题
霸王洗发水广告词
2014/03/14 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
12.4全国法制宣传日活动方案
2014/11/02 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
python 实现的截屏工具
2021/05/08 Python
Python OpenCV 图像平移的实现示例
2021/06/04 Python
Ruby处理CSV数据方法详解
2022/04/18 Ruby
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server
JS实现简单的九宫格抽奖
2022/06/28 Javascript