在id=edu下增加<option value="大专">大专^^^^^</option>

来源:互联网 发布:windows license 编辑:程序博客网 时间:2024/05/16 02:13

在id=edu下增加<option value="大专">大专^^^^^</option>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>javascript</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="本科">本科^^^^^</option>
 <option value="幼儿园">幼儿园^^^^^</option>
  </select>
  </body>
  <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>