<td class="tableleft">标题</td>
<td>
<input name="title" type="text" id="title" style="width:150pxvertical-align:middle" maxlength="40" >
<lable>文件名</lable>
<input name="filename" type="text" id="filename" style="width:150pxvertical-align:middle" maxlength="40" >
<lable>时间</lable>
<input name="time" type="text" id="time" style="width:150pxvertical-align:middle" maxlength="40" onClick="WdatePicker()">
<lable>内容简介</lable>
<input name="content" type="text" id="content" style="width:300pxvertical-align:middle" maxlength="50" >
<input type="button" class="btn btn-success" value="增加" id="addTable" onclick="add_tr(this)"/>
<input type="button" class="btn btn-success" value="删除" id="deleteTable"/>
</td>
</tr>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
function add_tr(obj) {
var tr = $(obj).parent().parent()
tr.after(tr.clone())
}
</script>
用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号应该是返回给后台，后台再给前台比较好。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）