提交后隐藏表格行

Question

我有一个包含mysql查询数据行的表。每一行都有一个单选按钮和一个提交按钮。我的目标是在提交按钮被点击后隐藏表格行。

echo '<tbody>'; 
echo '<form id="hidrerow" action="http://myscript.php" method="post" target="_blank">'; 

echo '<tr>'; 
echo '<td>Test Data1</td>'; 
echo '<td><input type="radio" name="productID" value=" ' . $productID . ' "></td>'; 
echo '<td><input name="mybutton" class="button" type="submit" id="hider" value="Submit">'; 
echo '</form></td>'; 
echo '</tr>'; 

JQUERY：

$('#hider').on('click', function(){ 
$('.table tbody td').find('input:radio:checked').closest('tr').hide(); 
}) 

当我点击一个单选按钮，并点击提交，产品ID是越来越贴在新窗口中myscript.php，但该行不会隐藏提交按钮被点击后？

任何帮助表示赞赏。

Answer 1

JavaScript代码更改为：

$('#hider').on('click', function(){ 
    $(this).closest('tr').hide(); 
}); 

这可能无法工作，因为你的加价是无效的。你不能有这样的<form />。