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