Javascript 提交后隐藏表行

我有一个表，其中包含来自mysql查询的数据行。每行有一个单选按钮和一个提交按钮。我的目标是在单击submit按钮后隐藏表行

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>';

当我点击一个单选按钮并点击submit时，productID将在一个新窗口中发布到myscript.php，但是在点击submit按钮后，行不会隐藏

---

感谢您的帮助。

将您的JavaScript代码更改为：

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

---

这可能不起作用，因为您的加价无效。你不能有一个像这样的

。

这是一个无效的标记。是的，你是对的。它不起作用，因为表单正在将数据发布到另一个脚本。有办法吗？@Hexana你到底想做什么？你能编一把这个吗？然后把

移到桌子周围。谢谢你的帮助。我想做的是在单击submit按钮后隐藏行。我会试着把表格移到桌子外面。谢谢

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