编程 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 相关文章推荐

HTML5之lang属性与dir属性的详解

Jun 19 Javascript

A标签触发onclick事件而不跳转的多种解决方法

Jun 27 Javascript

js判断浏览器类型为ie6时不执行

Jun 15 Javascript

javascript与Python快速排序实例对比

Aug 10 Javascript

jQuery实现公告新闻自动滚屏效果实例代码

Jul 14 Javascript

js获取form表单所有数据的简单方法

Aug 18 Javascript

JS实现touch 点击滑动轮播实例代码

Jan 19 Javascript

Vue.js 中的 $watch使用方法

May 25 Javascript

详解vue axios中文文档

Sep 12 Javascript

微信小程序异步API为Promise简化异步编程的操作方法

Aug 14 Javascript

js实现简单音乐播放器

Jun 30 Javascript

Node 使用express-http-proxy 做api网关的实现

Oct 15 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+MySQL 手工注入语句大全推荐

2009/10/30 PHP

PHP网页游戏学习之Xnova(ogame)源码解读（二）

2014/06/23 PHP

ThinkPHP中的create方法与自动令牌验证实例教程

2014/08/22 PHP

Yii2.0中的COOKIE和SESSION用法

2016/08/12 PHP

PHP内存缓存功能memcached示例

2016/10/19 PHP

Nginx下ThinkPHP5的配置方法详解

2017/08/01 PHP

Javascript和Ajax中文乱码吐血版解决方案

2009/12/21 Javascript

boxy基于jquery的弹出层对话框插件扩展应用弹出层选择器

2010/11/21 Javascript

javascript实现playfair和hill密码算法

2014/12/07 Javascript

jQuery设置指定网页元素宽度和高度的方法

2015/03/25 Javascript

ECMAScript6新增值比较函数Object.is

2015/06/12 Javascript

jquery实现最简单的滑动菜单效果代码

2015/09/12 Javascript

Javascript removeChild()删除节点及删除子节点的方法

2015/12/27 Javascript

JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日格式的代码

2016/07/27 Javascript

Angularjs中三种数据的绑定策略(“@”，“=”，“&”)

2016/12/23 Javascript

详解如何使用webpack打包JS

2018/06/21 Javascript

JS基于Location实现访问Url、重定向及刷新页面的方法分析

2018/12/03 Javascript

让IDE识别webpack的别名alias的实现方法

2020/05/06 Javascript

[01:20]DOTA2更新全新英雄天涯墨客现已加入游戏

2018/08/25 DOTA

python中二维阵列的变换实例

2014/10/09 Python

Python生成随机验证码的两种方法

2015/12/22 Python

利用Django-environ如何区分不同环境

2018/08/26 Python

详解Python进阶之切片的误区与高级用法

2018/12/24 Python

将Python字符串生成PDF的实例代码详解

2019/05/17 Python

Python操作excel的方法总结（xlrd、xlwt、openpyxl）

2019/09/02 Python

Python爬虫爬取Bilibili弹幕过程解析

2019/10/10 Python

python环境下安装opencv库的方法

2020/03/05 Python

18-35岁旅游团的全球领导者：Contiki

2017/02/08 全球购物

P D PAOLA意大利官网：西班牙著名的珠宝首饰品牌

2019/09/24 全球购物

系统管理员的职责包括那些？管理的对象是什么？

2016/09/20 面试题

个人教师自我评价范文

2013/12/02 职场文书

商场消防管理制度

2014/01/12 职场文书

身份证丢失证明

2015/06/19 职场文书

超级实用的公文标题大全！

2019/07/19 职场文书

酒店工程部的岗位职责汇总大全

2019/10/23 职场文书

maven依赖的version声明控制方式

2022/01/18 Java/Android