编程 Javascript

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程序设计有所帮助。

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

- Author -

feiwen

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法

Oct 22 Javascript

兼容主流浏览器的iframe自适应高度js脚本

Jan 10 Javascript

javascript设计模式之工厂模式示例讲解

Mar 04 Javascript

Jquery使用css方法改变样式实例

May 18 Javascript

跟我学习javascript的执行上下文

Nov 18 Javascript

vue项目中跳转到外部链接的实例讲解

Sep 20 Javascript

IE9 elementUI文件上传的问题解决

Oct 17 Javascript

bootstrap-table实现表头固定以及列固定的方法示例

Mar 07 Javascript

vue实现鼠标经过动画

Oct 16 Javascript

JavaScript中的this基本问题实例小结

Mar 09 Javascript

JavaScript实现移动端弹窗后禁止滚动

May 25 Javascript

swiper实现导航滚动效果

Dec 13 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实现将GB编码转换为UTF8

2006/11/25 PHP

PHP文章采集URL补全函数(FormatUrl)

2012/08/02 PHP

php jquery 多文件上传简单实例

2013/12/23 PHP

php限制文件下载速度的代码

2015/10/20 PHP

thinkphp Apache配置重启Apache1 restart 出错解决办法

2017/02/15 PHP

Maps Javascript

2007/01/22 Javascript

通过jquery的$.getJSON做一个跨域ajax请求试验

2011/05/03 Javascript

非常棒的10款jQuery 幻灯片插件

2011/06/14 Javascript

js实现在字符串中提取数字

2013/11/05 Javascript

jquery.validate.js插件使用经验记录

2014/07/02 Javascript

iframe里面的元素触发父窗口元素事件的jquery代码

2014/10/19 Javascript

JS及PHP代码编写八大排序算法

2016/07/12 Javascript

详解JavaScript树结构

2017/01/09 Javascript

JS轮播图中缓动函数的封装

2020/11/25 Javascript

数组Array的排序sort方法

2017/02/17 Javascript

js上传图片预览的实现方法

2017/05/09 Javascript

node.js 发布订阅模式的实例

2017/09/10 Javascript

Thinkphp5微信小程序获取用户信息接口的实例详解

2017/09/26 Javascript

JS实现判断图片是否加载完成的方法分析

2018/07/31 Javascript

详解ES6 中的Object.assign()的用法实例代码

2021/01/11 Javascript

[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片

2016/03/04 DOTA

[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19

2018/08/21 DOTA

详解Python的Flask框架中的signals信号机制

2016/06/13 Python

Python 爬虫学习笔记之正则表达式

2016/09/21 Python

pycharm恢复默认设置或者是替换pycharm的解释器实例

2018/10/29 Python

用Python解决x的n次方问题

2019/02/08 Python

Python3实现的判断回文链表算法示例

2019/03/08 Python

Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】

2019/03/30 Python

python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例

2020/02/27 Python

西班牙香水和化妆品连锁店：Druni

2019/05/05 全球购物

Armor Lux法国官方网站：水手服装、成衣和内衣

2020/05/26 全球购物

Java TransactionAPI (JTA) 主要包含几部分

2012/12/07 面试题

群众路线教育实践活动方案

2014/02/02 职场文书

小学新教师培训方案

2014/02/03 职场文书

幼儿教师师德师风演讲稿

2014/08/22 职场文书

校园安全主题班会

2015/08/12 职场文书