简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

JS显示下拉列表框内全部元素的方法

来源:易贤网   阅读:1131 次  日期:2015-04-02 16:04:06

温馨提示:易贤网小编为您整理了“JS显示下拉列表框内全部元素的方法”,方便广大网友查阅!

本文实例讲述了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>

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JS动态改变表格边框宽度的方法
下一篇:前端工程师必读:网站前端性能优化最佳方案
易贤网手机网站地址:JS显示下拉列表框内全部元素的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!