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 />。

提交后隐藏表行

1 个答案: