输出所有select元素下的所有option元素中对应的文本内容
2013-06-02 18:25
501 查看
输出所有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>
相关文章推荐
- select下拉框内容回显 并将对应的option设置为selected选中状态
- 关于java 获取 html select标签 下拉框 option 文本内容 隐藏域
- [置顶] 【代码库】删除select元素节点下所有的OPTION节点
- 获取select元素被选中的文本内容的js代码
- 根据select的option文本选中对应的选项
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- jQuery获取select元素option的文本值和value值
- 删除select元素里面的所有option
- 获取select元素被选中的文本内容的js代码
- 获取select元素被选中的文本内容的js代码
- 用javascript获取select元素被选中的文本内容
- 用jquery如何获取select元素中当前选择的文本内容
- jQuery获取select元素option的文本值和value值及回填设置值
- 正则匹配:去除字符串中的空格,获取select下拉选项中的option的文本内容
- jQuery获取select元素option的文本值和value值
- python etree 输出某个节点下的所有节点的文本内容
- 输入一个数组长度,动态创建数组,所有元素随机生成,输出元素中的最大值
- 构造二叉树的抽象数据类型对于给定的先序序列和中序序列,构造二叉树,并按层输出所有结点内容,要求每层结点输出一行按层输出上述二叉树所表示的森林的所有结点内容
- Page_Load中指给客户端输出一个字符串 而不是所有的html内容也输出 出去 ;输出之后会发现在客户端接收的时候 responseText有值 但是responseXML没值
- JS select option 元素的大批量添加