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

js中将多个语句写成一个语句的两种方法小结

Dec 08 Javascript

能说明你的Javascript技术很烂的五个原因分析

Oct 28 Javascript

Javascript中的for in循环和hasOwnProperty结合使用

Jun 05 Javascript

使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方）

May 27 Javascript

使用jquery解析XML示例代码

Sep 05 Javascript

百度地图api如何使用

Aug 03 Javascript

AngularJs concepts详解及示例代码

Sep 01 Javascript

微信小程序开发之相册选择和拍照详解及实例代码

Feb 22 Javascript

jquery仿微信聊天界面

May 06 jQuery

关于js对textarea换行符的处理方法浅析

Aug 03 Javascript

详解vue挂载到dom上会发生什么

Jan 20 Javascript

vue-cli中实现响应式布局的方法

Mar 02 Vue.js

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连接被重置的解决方法

2011/02/15 PHP

PHP 第一节 php简介

2012/04/28 PHP

php判断邮箱地址是否存在的方法

2016/02/13 PHP

PHP递归实现层级树状展开

2016/04/01 PHP

php使用redis的有序集合zset实现延迟队列应用示例

2020/02/20 PHP

JQuery与iframe交互实现代码

2009/12/24 Javascript

基于jquery完美拖拽，可返回拖动轨迹

2012/03/29 Javascript

利用javaScript实现点击输入框弹出窗体选择信息

2013/12/11 Javascript

jquery通过ajax加载一段文本内容的方法

2015/01/15 Javascript

js实现将选中内容分享到新浪或腾讯微博

2015/12/16 Javascript

JavaScript在form表单中使用button按钮实现submit提交方法

2017/01/23 Javascript

微信小程序template模板实例详解

2017/10/27 Javascript

nodejs前端模板引擎swig入门详解

2018/05/15 NodeJs

详解mpvue scroll-view自动回弹bug解决方案

2018/10/01 Javascript

Node.js 如何利用异步提升任务处理速度

2019/01/07 Javascript

js实现for循环跳过undefined值示例

2019/07/02 Javascript

javascript中导出与导入实现模块化管理教程

2020/12/03 Javascript

[00:32]2018DOTA2亚洲邀请赛iG出场

2018/04/03 DOTA

Python编写电话薄实现增删改查功能

2016/05/07 Python

python实现微信接口(itchat)详细介绍

2017/10/23 Python

python利用rsa库做公钥解密的方法教程

2017/12/10 Python

Python命令行解析模块详解

2018/02/01 Python

numpy.transpose对三维数组的转置方法

2018/04/17 Python

cmd运行python文件时对结果进行保存的方法

2018/05/16 Python

和孩子一起学习python之变量命名规则

2018/05/27 Python

解决python写入mysql中datetime类型遇到的问题

2018/06/21 Python

Python实现将Excel转换成为image的方法

2018/10/23 Python

什么是python的id函数

2020/06/11 Python

python工具——Mimesis的简单使用教程

2021/01/16 Python

纯css3实现宠物小鸡实例代码

2018/10/08 HTML / CSS

越南母婴用品购物网站：Kids Plaza

2020/04/09 全球购物

弄虚作假心得体会

2014/09/10 职场文书

承诺保证书格式

2015/02/28 职场文书

2015年结对帮扶工作总结

2015/05/04 职场文书

html实现随机点名器的示例代码

2021/04/02 Javascript

HTML5 新增内容和 API详解

2021/11/17 HTML / CSS