编程 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的一个简单的脚本验证插件

Apr 05 Javascript

javascript循环变量注册dom事件之强大的闭包

Sep 08 Javascript

超越Jquery_01_isPlainObject分析与重构

Oct 20 Javascript

扩展javascript的Date方法实现代码(prototype)

Nov 20 Javascript

javascript从右边截取指定字符串的三种实现方法

Nov 29 Javascript

JS获得图片alt信息的方法

Apr 01 Javascript

Augularjs-起步详解

Jul 08 Javascript

一道面试题引发的对javascript类型转换的思考

Mar 06 Javascript

vuejs使用FormData实现ajax上传图片文件

Aug 08 Javascript

一篇文章介绍redux、react-redux、redux-saga总结

May 23 Javascript

基于leaflet.js实现修改地图主题样式的流程分析

May 15 Javascript

VUE项目axios请求头更改Content-Type操作

Jul 24 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边学边教》(01.开篇――准备工作)

2006/12/13 PHP

增加反向链接的101个方法站长推荐

2007/01/31 PHP

一些常用的php简单命令代码集锦

2007/09/24 PHP

php数组中删除元素之重新索引的方法

2014/09/16 PHP

getimagesize获取图片尺寸实例

2014/11/15 PHP

深入讲解PHP的对象注入(Object Injection)

2017/03/01 PHP

PHP redis实现超迷你全文检索

2017/03/04 PHP

php中html_entity_decode实现HTML实体转义

2018/06/13 PHP

不错的asp中显示新闻的功能

2006/10/13 Javascript

Js的MessageBox

2006/12/03 Javascript

30分钟就入门的正则表达式基础教程

2013/02/25 Javascript

JS文本获得焦点清除文本文字的示例代码

2014/01/13 Javascript

基于jQuery+Cookie实现的防止刷新的在线考试倒计时

2015/06/19 Javascript

JavaScript电子时钟倒计时

2016/01/09 Javascript

js html5 css俄罗斯方块游戏再现

2016/10/17 Javascript

jquery ajaxfileupload异步上传插件使用详解

2017/02/08 Javascript

zTree树形插件异步加载方法详解

2017/06/14 Javascript

vue一步步实现alert功能

2017/07/05 Javascript

Js利用Canvas实现图片压缩功能

2017/09/13 Javascript

浅谈webpack编译vue项目生成的代码探索

2017/12/11 Javascript

Vue触发隐藏input file的方法实例详解

2019/08/14 Javascript

javascript 设计模式之享元模式原理与应用详解

2020/04/08 Javascript

[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局

2016/03/06 DOTA

[原创]使用豆瓣提供的国内pypi源

2017/07/02 Python

Python中单例模式总结

2018/02/20 Python

Python cookbook(数据结构与算法)根据字段将记录分组操作示例

2018/03/19 Python

django rest framework 数据的查找、过滤、排序的示例

2018/06/25 Python

Python实现电视里的5毛特效实例代码详解

2020/05/15 Python

通过代码实例了解Python3编程技巧

2020/10/13 Python

荷兰的时尚市场：To Be Dressed

2019/05/06 全球购物

缴纳养老保险的证明

2014/01/10 职场文书

应届本科毕业生求职信

2014/07/23 职场文书

《风娃娃》教学反思

2016/02/18 职场文书

九年级语文教学反思

2016/03/03 职场文书

2016年全国爱牙日宣传活动总结

2016/04/05 职场文书

TaiShan 200服务器安装Ubuntu 18.04的图文教程

2022/06/28 Servers