提交后隐藏表格行

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();
}) 

当我点击一个单选按钮并点击提交时，productID 会在新窗口中发布到 myscript.php，但是在点击提交按钮后该行并没有隐藏？

任何帮助表示赞赏。

Answer 1

将您的 JavaScript 代码更改为：

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

这可能不起作用，因为您的标记无效。你不能像这样在两者之间有<form />。