页面上“继续添加”按钮的功能是怎么实现的？即一次输入完后并不马上提交,而是继续录入几次，最后再一起提交写入数据库。

具体点好吗？给个例子吧？我用hidden老半天了还是没搞定

解决方案 »

  1.   

    已添加的项需要显示吗？下面的例子提供一个思路，你可以根据自己的需要修改,这样在接收页面得到的将是一个数组
    <body>
    <form name=form1 action="*" method="post">
    <input type=text name=txt><input type=button value="继续添加" onclick=add()>
    <input type=submit value=submit>
    </form>
    <script>
    function add(){
         form1.innerHTML+="<input type=hidden name=test value="+form1.txt.value+">";
    }
    </script>
    </body>
      

  2.   

    <body>
    <form name=form1 action="" method="post">
    <input type=text name=txt>
    <br><input type=button value="继续添加" onclick=add()><input type=button value="检查录入结果" onclick=ck()>
    <input id=buffer type=hidden>
    <input type=submit value=submit>
    </form>
    <script>
    function add(){
    val=form1.txt.value;
    if(val!=''){     form1.buffer.value+=val+'|'; }
    }
    function ck(){
    val=form1.buffer.value;
    val=val.split('|');
    alert(val.join('\n'));
    }
    </script>
    </body>
      

  3.   


    <table width="100%" border="1" id=otable>
      <tr> 
        <td><div align="center">科研工作项目</div></td>
        <td><div align="center">预期目标</div></td>
        <td><div align="center">进度</div></td>
        <td><div align="center">工作者</div></td>
    <td></td>
      </tr>
      <tr> 
        <td><INPUT name=ItemSub size=10></td>
        <td><INPUT name=ItemObject size=10></td>
        <td><INPUT name=ItemSche size=10></td>
        <td><INPUT name=Workman size=10></td>
      </tr>
    </table>
    <input type=button name=b1 value=del onclick=del()>
    <input type=button name=b1 value=add onclick=add()><script language=javascript>
    <!--
    function del()
    {
       otable.deleteRow(1);   
      
    }function add()
    { var madd=otable.rows.length;
      var orow1=otable.insertRow(otable.rows.length);
      //insert one row.
      var arows=otable.rows;
      //retrieve the rows collection for the table
      var acells=orow1.cells; 
      //retrieve the cells collection for the new row
      var ocell1_1=arows(orow1.rowIndex).insertCell(acells.length);
      var ocell1_2=arows(orow1.rowIndex).insertCell(acells.length);
      var ocell1_3=arows(orow1.rowIndex).insertCell(acells.length);
      var ocell1_4=arows(orow1.rowIndex).insertCell(acells.length);
      ocell1_1.innerHTML="<INPUT name=ItemSub"+madd+" size=10>";
      ocell1_2.innerHTML="<INPUT name=Itemobject"+madd+" size=10>";
      ocell1_3.innerHTML="<INPUT name=ItemShce"+madd+" size=10>";
      ocell1_4.innerHTML="<INPUT name=workman"+madd+" size=10>";
    }-->
    </script>
    这是前台页面，
    后台的你自己分析
      

  4.   

    谢谢sportdog(kill),心宇，潇洒.net。已经给你们加分了!再次感谢!