关于利用javascript动态添加表格的问题

来源：百度知道 编辑：UC知道 时间：2024/09/23 20:23:13
我现在有一个form表单 里面有一个表格，我想通过js onclick的方式增加不定行数表格，而且表格里包含文本输入框等form元素，我想知道如何通过通过js来实现增加不定行数表格，并且增加的form元素如何提交，元素的name属性如何处理，网上找的大部分都是只能增加一行 并且也不知道form如何处理
我想说明的是：增加的行的内容就是我原先表格了的行，要求是前三行就可以的，也就是复制其中的行。 是一次性增加多行表格

<body>
<table id="tab" width="300" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

<input type="button" name="Submit" onclick="addRow()" value="添加行" />
<script type="text/javascript">
function addRow(){

var tab=document.getElementById('tab');
var tr=document.createElement('tr');
var td1=document.createElement('td');
var td2=document.createElement('td');
var input=document.createElement('input');
input.type='text';
input.name='name';
td1.appendChild(input);
td2.innerText='第二列';
tr.appendChild