通过js增加select的值
2007-05-18 17:00
274 查看
<%@ 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> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>bbbbb</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>ccccc</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </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>
相关文章推荐
- 通过js增加select的值
- IE6下js通过css隐藏select的一个bug
- IE6下js通过css隐藏select的一个bug
- 通过JS为 Table表增加一行,通过复选框删除多行,也可通过所在行的delete链接删除本行
- 通过JS增加节点来增加内容到原内容之后
- 使用js 在IE和火狐firfox 里动态增加select 的option
- 通过js动态清空、增加、删除、修改下拉框中的元素
- js操作select 包括增加删除选项
- 通过js实现2个select控件的交换数据
- 通过JS模拟select表单,达到美化效果[demo][转]
- 通过js动态清空、增加、删除、修改下拉框中的元素
- 通过JS增加节点来增加内容2
- js中select控件不能通过getElementById来获取。
- 通过js修改input、select默认字体颜色
- 如何通过js动态设置select中option选中
- js 动态 增加 删除 select 子项 option
- 通过JS增加节点来增加内容到原内容之前
- JQuery 增加、删除表格div层文本内容的JS代码 和仿select个性下拉框选择效果JS代码
- 使用js 在IE和火狐firfox 里动态增加select 的option
- 通过js根据接收的数据控制select标签的默认选择项