程序博客网 > 智能推荐系统书籍知乎

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

来源：互联网发布：智能推荐系统书籍知乎编辑：程序博客网时间：2024/06/05 08:56

输出所有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>

【法二】

<script language="JavaScript">
//增加节点<option value="大专">大专^^^^^</option>
var optionElement=document.createElement("option");
optionElement.setAttribute("value","大专");
var textElement=document.createTextNode("大专^^^^^");
optionElement.appendChild(textElement);
var eduElement=document.getElementById("edu");
eduElement.appendChild(optionElement);
</script>
</html>

智能推荐系统书籍知乎

智能推荐系统书籍知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子体测毕业体测项目体测成绩体测合格体测免测研究生体测体测计算器体测标准表体测是什么大学生体测标准大学体测标准大学生体测标准评分表大学生体测评分表大学体测及格大学体测不及格怎么办男生体测摔倒身亡大学生体测及格大学生体测不及格会怎么样体测不过无毕业证体测不及格能毕业吗体测不合格影响毕业么大学生体测成绩大学体测不及格大学生体测及格标准大学体测项目大学体测不及格会怎样体测成绩查询体测不合格不让毕业大学体测成绩怎么算体测成绩查询系统大学生体测不及格算挂科吗大学体测必须4次都够50分体测抽到年轻国手大学体测影响毕业吗体测标准大学生体测800米多少及格体测1000米多少分钟及格大学生体测评分标准大学生体测标准成绩表体测成绩怎么算小学生体测标准