js写一个的表格,通过点击按钮给表格增加一行
1.写一个默认四行四列的表格,包含ID,姓名,年龄,操作。操作列有两个按钮,点击删除按钮,删除一行。点击增加按钮,增加一行(id自增)。谢谢了!!!...
1.写一个默认四行四列的表格,包含ID,姓名,年龄,操作。操作列有两个按钮,点击删除按钮,删除一行。点击增加按钮,增加一行( id自增 )。谢谢了!!!
展开
2017-08-24
展开全部
用jquery写比较方便点。
答案完善了一下,代码如下。其实这样有bug,但是比较容易修改,只要完善一下function addtab() 就行。
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script>
function addtab(){
var tcount=$("#tab tr").length;
var tpl='<tr id="s'+tcount+'"><td>'+tcount+'</td><td>姓名</td><td>年龄</td><td onclick="deltab('+tcount+')">删除</td></tr>';
$("#tab").append(tpl);
}
function deltab(x){
$("#s"+x).remove();
}
</script>
</head>
<body>
<div>
<span onclick="addtab()">增加</span>
<table id="tab">
<tr>
<td>ID</td><td>姓名</td><td>年龄</td><td>操作</td>
</tr>
</table>
</div>
</body>
</html>
但是我的理解是,ID号应该是返回给后台,后台再给前台比较好。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |