编程 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获得页面base标签中url的方法

Apr 03 Javascript

不能不知道的10个angularjs英文学习网站

Mar 23 Javascript

jQuery轻松实现表格的隔行变色和点击行变色的实例代码

May 09 Javascript

jQuery插件 Jqplot图表实例

Jun 18 Javascript

项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)

Jul 28 Javascript

Bootstrap源码解读标签、徽章、缩略图和警示框（8）

Dec 26 Javascript

基于jQuery代码实现圆形菜单展开收缩效果

Feb 13 Javascript

微信小程序使用radio显示单选项功能【附源码下载】

Dec 11 Javascript

详解给Vue2路由导航钩子和axios拦截器做个封装

Apr 10 Javascript

原生JS实现轮播图效果

Oct 12 Javascript

Vue中登录验证成功后保存token,并每次请求携带并验证token操作

Sep 08 Javascript

JavaScript 定时器详情

Nov 11 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