通過js增加select的值

<%@ page language="java" contentType="text/html;charset=utf-8" %>

<html>
<head>
</head>
<body>
<form name="testForm" action="test1.jsp">
<table width="100%" border="0" id="myTable">
  <tr>
    <td>aaaaa</td>
    <td><input name="textfield" type="text" value="ddddd"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>bbbbb</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>ccccc</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
<input type="hidden" name="hid1"/>
<input type="submit" name="submit"/>
<select type="myselect" id="myselect"></select>
</form>

<script language="javascript">

var tmp = document.getElementById("myTable").rows[0].cells[0].innerText;
var tmpArray = new Array;
tmpArray[0] = tmp;
tmp = document.getElementById("myTable").rows[1].cells[0].innerText;
tmpArray[1] = tmp;
tmp = document.getElementById("myTable").rows[2].cells[0].innerText;
tmpArray[2] = tmp;
document.all("hid1").value=tmpArray;
alert(tmpArray);
var select_obj = document.getElementById("myselect");
var hid_value = document.getElementById("hid1").value;
var tmpStr = hid_value.split(",");
for (var i = 0; i < tmpStr.length; i++) {
 var the_option= new Option(tmpStr[i],tmpStr[i]);
 select_obj.add(the_option);
 select_obj.selectedIndex = select_obj.options.length-1;
}

</script>
</html>

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