问题叙述性说明：
文章连接动态连接表格，因为有被添加。有必须删除。动态添加到表格这似乎有点不合理。它应该只被添加到表格行。而不是增加一个新表格。
发布完整的代码在这里，加入表格新行和删除表格最后一行。
<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>
版权声明：本文博主原创文章。博客，未经同意不得转载。
时间： 2024-10-06 04:37:58