- <%
- '======================这里获取值的,提交到本页
- '因为name一样,这里可以获取有多少项,注意你的代码是最后年龄边时添加新行,所以最后行为空行,所以要减1
- dim count:count=request.Form("username").count-1
- if count>=0 then'有数据提交,这里写数据库
- for i=1 to count
- response.Write "==========第""条信息===========<br/>"
- response.Write "下拉菜单:"&request.Form("test")(i)"<br/>"
- response.Write "姓名:"&request.Form("username")(i)"<br/>"
- response.Write "性别:"&request.Form("sextype")(i)"<br/>"
- response.Write "年龄:"&request.Form("age")(i)"<br/><br/>"
- next
- end if
- %>
- <html>
- <head>
- <title> 增动添加行的深度克隆cloneNode </title>
- <script language="javascript">
- var Index=1;
- function AddRow()
- {
- var isneed = true;
- //获得Table对象
- var tableObject = document.getElementById("CloneNodeShow");
- //判断是否有必要添加新的输入行
- for( var j = 0; j < tableObject.all.tags("input").lengtd; j++ )
- {
- var inputs = tableObject.all.tags("input")[j];
- if( inputs.type == "text" && inputs.value == "" )
- {
- isneed = false;
- break;
- }
- }
- //判断是否添加新行
- if( isneed )
- {
- Index++;
- var CloneRow=document.getElementById("CloneRow");
- var NewRow=CloneRow.cloneNode(true);//深度复制
- //这里清空CloneRow输入的值
- var input=NewRow.getElementsByTagName("input");
- for(var i=0;i<input.length;i++)
- {
- if(input[i].type=="text")
- input[i].value="";
- }
- tableObject.appendChild(NewRow);
- //设置序号,这里注意要添加了才能设置,要不出错
- NewRow.cells[0].innerHTML=Index+".";
- }
- }
- </script>
- </head>
- <body>
- <form method="post">
- <table border="1" bordercolor=navy align=center>
- <tr align=center valign=middle>
- <td> 序号 </td>
- <td>下拉菜单行</td>
- <td> 姓名 </td>
- <td> 性别 </td>
- <td> 年龄 </td>
- </tr>
- <tbody id="CloneNodeShow"><!----使用tbody标签,要不appendChild在ie下不起作用,添加不了行------->
- <tr id="CloneRow"><!-------要拷贝的父亲行----------->
- <td align=center valign=middle> 1. </td>
- <td>
- <!-----这里读数据库生成下拉菜单-------->
- <select name="test">
- <option value="NaN">请选择菜单</option>
- <option value="test1">test1</option>
- <option value="test2">test2</option>
- <option value="test3">test3</option>
- <option value="test4">test4</option>
- </select>
- </td>
- <td align="center" valign="middle">
- <input type="text" name="username"/>
- </td>
- <td align="center" valign="middle">
- <select name="sexType">
- <option value="%"> 请选择性别 </option>
- <option value="0"> 男 </option>
- <option value="1"> 女 </option>
- </select>
- </td>
- <td align="center" valign="middle">
- <input style="width:35px" type="text" name="age" onchange="AddRow()"/>
- </td>
- </tr>
- </tbody>
- <tfoot>
- <tr><td colspan="5" align="center"><input type="submit" value="提交" /></td></tr>
- </tfoot>
- </table>
- </form>
- </body>
- </html>
点击新增行 CloneNode
最新推荐文章于 2021-06-09 21:33:02 发布