问一个表格添加行的问题

Question

项目有个需求，录入学生信息，表格为（学号  姓名 年龄），但是要求录入方式是点击一个添加按钮，就在页面的学生表后面增加一行记录给使用者录入信息。我看了网上的做法是用js，但是js添加的记录元素name都是固定的，我不知道如何提交整个表到服务器端。现在用的是struts2，请大家帮忙提供思路。

Answer 1

那个可以写到div里面 我做了一个是附件的 动态添加附件
点击添加按钮 在原先表格下建立一个新表格 依次明明id=id(i) i是递增的 点击几次就到递增几
不知道你明白吗

Answer 2

声明一个int型的变量flag，每点击一次flag就增一，元素的名字为name+flag，提交数据时连同这个flag，后台处理时根据flag就可以分别得到每行数据

Answer 3

声明一个int型的变量flag，每点击一次flag就增一，元素的名字为name+flag，提交数据时连同这个flag，后台处理时根据flag就可以分别得到数据

Answer 4

 用AJAX 将新记录插入到数据库，然后同时将下面的列表显示部分替换下就可以了。这样，下面输出列表的代码不用变的。 只要点击“添加”的同时，出发ajax调用的函数就行。

Answer 5

function addRow()
{
   var tbl = document.getElementById("testTable");        //注意testTable          
   var newTR = tbl.insertRow(tbl.rows.length-1);
   var newNameTD=newTR.insertCell(0);
   newNameTD.innerHTML = "寝室号：";         
   var newNameTD=newTR.insertCell(1);
   newNameTD.innerHTML = "<input name='qinshi' id='qsHao' type='text'/>";
   var newNameTD=newTR.insertCell(2);
   newNameTD.innerHTML = "寝室号：";
   var newNameTD=newTR.insertCell(3);
   newNameTD.innerHTML = "<input name='qinshi' id='qsHao' type='text'/>";
  
}
<table id="testTable" width="560"  border="0" cellpadding="0" ellspacing="0" align="right">
     <tr>
        <td height="33" align="left"><span class="STYLE1">寝室号：</span></td>
        <td height="33" align="left"><input name="qin1" type="text"></td>
        <td height="33" align="left"><span class="STYLE1">寝室号：</span></td>
        <td height="33" align="left"><input name="qin2" type="text"></td>
      </tr>
  <tr>
      </tr>
     <tr>
 <td height="33" colspan="2" align="center" valign="bottom"></td>
         <td height="33" colspan="2" align="center" valign="bottom">
          <input  class="buttom" type="button" onclick="addRow()" value="添加下一个">
         </td>
      </tr>
</table>