獲取select中option中的文本節點

<body>
  <select id="edu" name="education">
   <option value="大專" id="ed">
    大專生
   </option>
   <option value="本科" id="ed">
    本科生
   </option>
   <option value="碩士" id="ed">
    碩士生
   </option>
   <option value="博士" id="ed">
    博士生
   </option>
  </select>
  <div id="show"></div>
 </body>

<script type="text/javascript">
<!--
 window.οnlοad=function(){
  var edus = document.getElementById("edu");
  var op = edus.getElementsByTagName("option");
  alert(op.length);
 var msg = "";
 for(var i = 0; i < op.length; i++){
   var ops=op[i];
   alert(ops.firstChild.nodeValue);
   msg+=ops.firstChild.nodeValue+"    ";
  document.getElementById("show").innerHTML = msg; 
 }
 }
//-->
</script>

發佈了60 篇原創文章 · 獲贊 6 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章