点击新增行 CloneNode

最新推荐文章于 2021-06-09 21:33:02 发布

菜鸟学编程

最新推荐文章于 2021-06-09 21:33:02 发布

阅读量682

点赞数

分类专栏： # jscript/javascript 文章标签： input javascript 数据库 table ie

本文链接：https://blog.csdn.net/gtosky4u/article/details/2882651

版权

jscript/javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 
 <%
'======================这里获取值的，提交到本页 
'因为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> 
 

菜鸟学编程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点击新增行 CloneNode

%======================这里获取值的，提交到本页因为name一样，这里可以获取有多少项，注意你的代码是最后年龄边时添加新行，所以最后行为空行，所以要减1 dim count:count=request.Form("username").count-1if count>=0 then有数据提交，这里写数据库 for i=1 to co
复制链接

扫一扫

专栏目录