標籤：jquery動態添加刪除一行資料
<html><head><title>添加、刪除一行</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript" src="../js/jquery-1.9.1.js"></script><script type="text/javascript">$(function() {$("#addOneRow").click(function() {var tempTr = $("tr:first").clone(true);$("tr:last").after(tempTr);$("tr:last > td > #name").val("");//新添加行name為空白$("tr:last > td > #address").val("");//新添加行address為空白});$(".delOneRow").click(function() {if ($("tr").length < 2) {alert("至少保留一行!");} else {if (confirm("確認刪除?")) {// $(this).parent().parent().remove();$(this).parents("tr").remove();}}});});</script></head><body><table border="1"><tr><td>姓名:</td><td><input type="text" id="name" name="name" /></td><td>地址:</td><td><input type="text" id="address" name="address" /></td><td><input type="button" class="delOneRow" value="刪除" /></td></tr></table><input type="button" id="addOneRow" value="添加一行" /></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
