编程 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 私有成员分析

Jan 13 Javascript

javascript removeChild 使用注意事项

Apr 11 Javascript

JavaScript高级程序设计阅读笔记（二十） js错误处理

Aug 14 Javascript

jquery easyui 对于开始时间小于结束时间的判断示例

Mar 22 Javascript

form.submit()不能提交表单的错误原因及解决方法

Oct 13 Javascript

易操作的jQuery表单提示插件

Dec 01 Javascript

jQuery设置聚焦并使光标位置在文字最后的实现方法

Aug 02 Javascript

AngularJS ngModel实现指令与输入直接的数据通信

Sep 21 Javascript

Extjs让combobox写起来简洁又漂亮

Jan 05 Javascript

[js高手之路]HTML标签解释成DOM节点的实现方法

Aug 31 Javascript

详解vue2.0 不同屏幕适配及px与rem转换问题

Feb 23 Javascript

jquery实现手风琴案例

May 04 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 GUID生成函数和类

2014/03/10 PHP

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

2012/12/27 Javascript

javascript 利用Image对象实现的埋点(某处的点击数)统计

2012/12/28 Javascript

jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

2013/08/28 Javascript

js页面跳转的常用方法整理

2013/10/18 Javascript

js打开windows上的可执行文件示例

2014/05/27 Javascript

jQuery操作DOM之获取表单控件的值

2015/01/23 Javascript

jQuery选择器源码解读（三）：tokenize方法

2015/03/31 Javascript

jquery特效点击展示与隐藏全文

2015/12/09 Javascript

JavaScript程序中的流程控制语句用法总结

2016/05/23 Javascript

JavaScript中boolean类型之三种情景实例代码

2016/11/21 Javascript

jQuery 获取select选中值及清除选中状态

2016/12/13 Javascript

jQuery+ajax的资源回收处理机制分析

2017/01/07 Javascript

兼容浏览器的js事件绑定函数(详解)

2017/05/09 Javascript

详解在create-react-app使用less与antd按需加载

2018/12/06 Javascript

python中split方法用法分析

2015/04/17 Python

解决python升级引起的pip执行错误的问题

2018/06/12 Python

如何用Python实现简单的Markdown转换器

2018/07/16 Python

python使用rpc框架gRPC的方法

2018/08/24 Python

Python求解正态分布置信区间教程

2019/11/20 Python

pyenv虚拟环境管理python多版本和软件库的方法

2019/12/26 Python

Python paramiko 模块浅谈与SSH主要功能模拟解析

2020/02/29 Python

Python 炫技操作之合并字典的七种方法

2020/04/10 Python

Pycharm 设置默认解释器路径和编码格式的操作

2021/02/05 Python

在html页面中取得session中的值的方法

2020/08/11 HTML / CSS

Aveda美国官网：天然护发产品、洗发水、护发素和沙龙

2016/12/09 全球购物

红色连衣裙精品店：Red Dress Boutique

2018/08/11 全球购物

大学生大二自我鉴定

2013/10/28 职场文书

行政副总岗位职责

2014/02/23 职场文书

计算机应用专业自荐信

2014/07/05 职场文书

计划生育证明书写要求

2014/09/17 职场文书

房屋出售授权委托书

2014/10/12 职场文书

教代会闭幕词

2015/01/28 职场文书

数学教师求职信范文

2015/03/20 职场文书

先进个人事迹材料（2016推荐版）

2016/03/01 职场文书

导游词之天津盘山

2019/11/01 职场文书