假设jsp中有示例代码,如下所示:
我希望当我在文本字段中输入数据并单击“添加项目”按钮时,整行应该在当前行下面复制。除此之外,前一行应保留其数据,新行应为空。需要你的帮助。
答案 0 :(得分:1)
这是我纯粹做客户端的事情,并使用jQuery:
<table id = "myTable">
<tr id="myRow">
<td>Quantity</td>
<td><input type="text" size="10" style="background-color: aqua" name="quantity"> </td>
<td>Price</td>
<td><input type="text" disabled="disabled" size="10" style="background-color: aqua" name="price"></td>
<td><input type="button" id="copyRow" value="Add Item" /></td>
</tr>
</table>
和一些jQuery:
$('#copyRow).clone("#myRow").appendTo('#myTable');