thinkphp 删除表格最后一行

浏览数：28 / 时间：2015年06月09日

问题描述：

接上篇动态添加表格，既然有添加，必然有删除。动态添加表格显得有点不合理，应该只添加表格行，而不是添加新的表格。

这里贴出完整代码，添加表格新行及删除表格最后一行。

<html>

<script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {

	 var row=1; //用来标识当前行数

 $("#add").click(function(){//新表格行html
 var line="<tr><td>选项</td><td><input id='op[]'name= 'option["+row+"]' type='text' /></td><td>性别</td><td><input name='sex["+row+"]' type='text' /></td><td>学院</td><td><input name='school["+row+"]' type='text' /></td><td>头像</td><td><input name='thumb["+row+"]' type='file' /></td><td><button type='button' name='btn' value='del["+row+"]' onclick='deltr()'>删除</button></td></tr>";

  
  $("#row").val(row);

  row=row+1;


});

});

function deltr(){
var trs = document.getElementById('list').getElementsByTagName('tr');
 $('#list tr:last-child').remove();//删除最后一行


}


</script>
	

<body >

<div id="a"></div>

<form name="vote" method="post" action="__URL__/add_vote"  enctype="multipart/form-data">
<lable><h1>投票名称 <input name="votename" type="text" /></h1> </lable>
<input id="row" name="row" type="hidden" vaule=""/>

<table id='list'>
	

</table>
</div>
<div>
<input id="add" type="button" value="增加一行" />
	 
<input id="" type="submit" value="提交" /></td>
</div>

</form>


</body>

</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

thinkphp 删除表格最后一行