Javascript 如何通过每次单击按钮将行插入到现有表中

我有以下代码：

<table id="t1"> 
<tr>
    <td>Text A</td>
    <td>Text B</td>
</tr>
<% int count1 = -1;
    for(int i=0; i<3; i++) { %>
<tr>
    <td><input type="text" id="amount<%=i%>"></td>
    <td><input type="text" id="convertedAmount<%=i%>" readonly></td>
</tr>
<%count1 =i;
}%>
<tr>
    <td><input type="button" onclick="addRow(<%=count1%>)" value="Add Row"></td>
</tr>
</table>

文本A
文本B

Javascript:

function appendRow(val){
   var tbody = document.getElementById("t1").getElementsByTagName("tbody")[0];
   var row = document.createElement("TR");
   var textA= document.createElement("TD");
   textA.innerHTML = '<input type="text" id="amount'+val+'">';
   var textB= document.createElement("TD");
   textB.innerHTML = '<input type="text" id="convertedAmount'+val+'" readonly>';
     row.appendChild(textA);
     row.appendChild(textB);
     tbody.appendChild(row);
   }

函数appendRow（val）{
var tbody=document.getElementById（“t1”）.getElementsByTagName（“tbody”）[0]；
var行=document.createElement（“TR”）；
var textA=document.createElement（“TD”）；
textA.innerHTML=''；
var textB=document.createElement（“TD”）；
textB.innerHTML=''；
行.appendChild（textA）；
行。追加子行（textB）；
tbody.appendChild（世界其他地区）；
}

已编辑---
好的，多亏了巴尔马，我完成了这一部分。现在的问题是如何增加val的值（从先前存在的数据继续）

如果我使用这个Javascript，它只会添加带有文本的行。

---

那个么，若要使用它，我该如何使用相应的文本框甚至dropdownlist向这个表中添加行呢。它可以只使用Javascript来完成，还是也需要使用servlet来完成？

在Javascript函数中添加以下代码行

val=tbody.children.length

---

赋值tbody=document.getElementById（'t1'）……之后，

您可以使用Javascript来完成。@Barmar我尝试使用上述Javascript，但它只添加文本。我不知道如何将文本框甚至下拉列表也包括在内。像

textA.innerHTML=”“

@Barmar这样的方法我试过了，但出现了错误。。。所以我不认为这是可能的。。还有别的办法吗？thnks@Barmar我已经知道了，需要你的帮助！现在有没有办法增加val？thnks