首页 > 编程 > PHP > 正文

thinkphp删除表格最后一行

2020-03-22 17:04:33
字体:
来源:转载
供稿:网友
  • 问题描述:

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

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

    <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><h3>投票名称 <input name="votename" type="text" /></h3> </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>


    PHP编程

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

  • 发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表