输出所有select元素下的所有option元素中对应的文本内容

最新推荐文章于 2023-02-23 17:45:39 发布

yuhan20081021

最新推荐文章于 2023-02-23 17:45:39 发布

阅读量970

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/yuhan20081021/article/details/9007395

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

输出所有select元素下的所有option元素中对应的文本内容，例如:<option value="中专">中专^^</option> 输出--->中专^^

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>yuhan20081021</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>

<body>
<select name="edu" id="edu">
<option value="博士">博士^^^^^</option>
<option value="硕士">硕士^^^^^</option>
<option value="本科" selected="selected" >本科^^^^^</option>
<option value="幼儿园">幼儿园^^^^^</option>
</select>
</body>

【法一】<script language="JavaScript">
//获取select元素的引用
var selectElement=document.getElementById("edu");
//输出所有select元素下的所有option元素中对应的文本内容
//例如:<option value="中专">中专^^</option> 输出--->中专^^
var optionElements=selectElement.getElementsByTagName("option");
for(var i=0;i<optionElements.length;i++){
alert(optionElements[i].firstChild.nodeValue);
}
</script>