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

javascript 面向对象编程 function是方法(函数)

Sep 17 Javascript

javascript setTimeout()传递函数参数(包括传递对象参数)

Apr 07 Javascript

JavaScript中使用replace结合正则实现replaceAll的效果

Jun 04 Javascript

javascript hasFocus使用实例

Jun 29 Javascript

JavaScript位置与大小（1）之正确理解和运用与尺寸大小相关的DOM属性

Dec 26 Javascript

bootstrapValidator表单验证插件学习

Dec 30 Javascript

iscroll实现下拉刷新功能

Jul 18 Javascript

js中less常用的方法小结

Aug 09 Javascript

vue和webpack打包项目相对路径修改的方法

Jun 15 Javascript

electron实现qq快捷登录的方法示例

Oct 22 Javascript

vue 使用axios 数据请求第三方插件的使用教程详解

Jul 05 Javascript

jquery实现加载更多"转圈圈"效果(示例代码)

Nov 09 jQuery

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开发环境搭建工具

2020/06/28 PHP

window.showModalDialog参数传递中含有特殊字符的处理方法

2013/06/06 Javascript

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

2014/02/21 Javascript

javascript中的事件代理初探

2014/03/08 Javascript

javascript中的throttle和debounce浅析

2014/06/06 Javascript

jquery UI Datepicker时间控件的使用方法（终结版）

2015/11/07 Javascript

JavaScript事件详细讲解

2016/06/27 Javascript

jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】

2017/03/14 Javascript

JS小球抛物线轨迹运动的两种实现方法详解

2017/12/20 Javascript

使用veloticy-ui生成文字动画效果

2018/02/08 Javascript

JS简单获得节点元素的方法示例

2018/02/10 Javascript

node.js博客项目开发手记

2018/03/16 Javascript

Angular HMR(热模块替换)功能实现方法

2018/04/04 Javascript

Vue中的scoped实现原理及穿透方法

2018/05/15 Javascript

微信小程序实现的绘制table表格功能示例

2019/04/26 Javascript

微信小程序登录数据解密及状态维持实例详解

2019/05/06 Javascript

Node.js API详解之 tty功能与用法实例分析

2020/04/27 Javascript

[02:34]DOTA2英雄基础教程幽鬼

2014/01/02 DOTA

[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1

2014/07/14 DOTA

[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15

2019/08/16 DOTA

研究Python的ORM框架中的SQLAlchemy库的映射关系

2015/04/25 Python

Python语言实现将图片转化为html页面

2017/12/06 Python

浅谈Python中的作用域规则和闭包

2018/03/20 Python

django项目环境搭建及在虚拟机本地创建django项目的教程

2019/08/02 Python

Python性能分析工具Profile使用实例

2019/11/19 Python

详解python 降级到3.6终极解决方案

2020/02/06 Python

Python 之 Json序列化嵌套类方式

2020/02/27 Python

使用CSS3的ruby-position固定注音位置的用法示例

2016/07/05 HTML / CSS

html5中为audio标签增加停止按钮动作实现方法

2013/01/04 HTML / CSS

丝芙兰巴西官方商城：SEPHORA巴西

2016/10/31 全球购物

Nanushka官网：匈牙利服装品牌

2019/08/14 全球购物

教师党员学习群众路线心得体会

2014/11/04 职场文书

2014年企业党建工作总结

2014/12/18 职场文书

欢送领导祝酒词

2015/08/12 职场文书

Python爬虫数据的分类及json数据使用小结

2021/03/29 Python

QT连接MYSQL数据库的详细步骤

2021/07/07 MySQL