thinkphp 刪除表格最後一行
阿新 • • 發佈:2019-02-02
問題描述:
接上篇動態新增表格,既然有新增,必然有刪除。動態新增表格顯得有點不合理,應該只新增表格行,而不是新增新的表格。
這裡貼出完整程式碼,新增表格新行及刪除表格最後一行。
<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>