問題敘述性說明:
文章連接動態連接表格,因為有被添加。有必須刪除。動態添加到表格這似乎有點不合理。它應該只被添加到表格行。而不是增加一個新表格。
發布完整的代碼在這里,加入表格新行和刪除表格最后一行。
<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(){//新表格行htmlvar 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+"]' οnclick='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>
版權聲明:本文博主原創文章。博客,未經同意不得轉載。