如何在表单提交时删除HTML表
如何在表单提交时删除HTML表
提问于 2017-09-13 10:02:02
我有带有动态生成内容的HTML表。表中的td包含一个表单。我想要的是在此表单提交后从页面中删除该表，因为表单提交时将包含另一页。我正在使用ajax和php。提交表单后，我如何修改下面的代码以删除该表？
JAVASCRIPT
function chk(item_id){
$.ajax({
type:"post",
url:"edit_form.php",
data: {
id: item_id,
name: $('#name-'+item_id).val()
},
cache:false,
success: function(html){
$('#msg').html(html);
}
});
$('#forms').click(function(){
$('#table').hide();
});
return false;
}<div id="msg"></div>
<div id="table">
<table align="center">
<tbody>
<tr>
<th>S/N</th>
<th>Subject</th>
<th>Edit</th>
</tr>
<tr>
<td><?php echo $i;?></td>
<td><?php echo $subject;?></td>
<td>
<form id="myform">
<input type="text" id="name-<?php echo $item_id;?>" hidden name="name" value="<?php echo $item_id;?>" >
<button type="submit" id="forms" onclick="return chk(<?php echo $item_id;?>)">Edit</button>
</form>
</td>
</tr>
</tbody>
</table>
</div>Stack Overflow用户
发布于 2017-09-13 10:23:12
你为什么需要一个<form>标签呢？一种不涉及jQuery的更简单的方法
HTML
<input name="" />
<button id="submit">Submit</button>JS
submit.onclick = function(){
element = document.querySelector('holderClass');
element.style.display = 'none'; // or any element
// ...ajax here
}您可能需要document.querySelector()
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46194548
复制相关文章
相似问题
腾讯云开发者
