将行添加到HTML表&；在之后添加到数据库

我有一个将行插入数据库的表。目前限制为2行：

 <form action='insert-expenses.php' method='post'>
 <input type='hidden' value='$taskid' name='taskid'>
 <table width='655' border='1'>
 <tr><td align='left' width='350'><input type='text' name='expense1' style='padding:2px;' size='80'></td><td align='center' width='100'><input type='text' name='expensecost1' style='padding:2px;' size='6'></td></tr>
 <tr><td align='left' width='350'><input type='text' name='expense2' style='padding:2px;' size='80'></td><td align='center' width='100'><input type='text' name='expensecost2' style='padding:2px;' size='6'></td></tr>
 <tr><td align='left' colspan='2'><input style='margin-top: 15px;' type='image' name='submit' src='http://bitrix24.co.uk/demo/report/add-week.jpg' ></td></tr>
 </table>

我想要一个按钮来添加新行。我目前正在尝试使用：

 <script>
 function displayResult()
 {
 var table=document.getElementById("editTable");
 var row=table.insertRow(0);
 var cell1=row.insertCell(0);
 var cell2=row.insertCell(1);
 cell1.innerHTML="New";
 cell2.innerHTML="New";
 }
 </script>

然后使用按钮：

 <button type="button" onclick="displayResult()">Insert new row</button>

该表的id将为editTable。然而，我如何让它有下一个数字名称，因为我目前有expense1和expense2，所以我希望下一个是expense3。我假设我需要把它作为一个数组来做，并且有一行费用[]，然后在我的插入中：

sql3="INSERT into b_report_expenses (USER_ID,EXPENSE_ONE,EXPENSE_TWO,COST_ONE,COST_TWO)
VALUES
 ('$_POST[taskid]','$_POST[expense1]','$_POST[expense2]','$_POST[expensecost1]','$_POST[expensecost2]')";

因此，我基本上希望用户单击一个按钮，将一行添加到html表中，然后按下另一个按钮将其添加到数据库中。我只是不知道如何为添加的每一行识别POST["putname"]。

感谢您的帮助。