javascript - 表单提交后显示隐藏的 div

Question

我使用表单中的 POST 方法保存数据。数据保存后，页面重新加载，我想在页面中显示一个隐藏的 div。

onsubmit="showHide(this); return false;" 

显示指定的 div 但不保存数据。

有任何想法吗？

乐：

使其更复杂：触发页面重新加载的表单位于我要重新显示的 div 上。最初我使 div 可见：

<a class="articleLink" href="javascript:void(0);" onclick='$("#ModAdd<?php echo $rrows['id_']; ?>").show("slow");'></a>

Answer 1

不会发送任何数据，因为您return false;的onSubmit.

如果您希望用户停留在同一页面上，则需要Ajax。否则，您必须div在从表单接收数据的页面上显示您的。

Answer 2

您必须在重新加载后显示 div 。
onsubmit将立即显示（在同一页面上）。因此，在重新加载站点后检查是否$_POST在 php 中设置，然后显示div

例子

<?php
if (isset($_POST)):
?>
    <div>Saved successfully</div>
<?php
endif;
?>

Answer 3

您可以在重新加载页面后尝试这样的操作，而不是onsubmit：

$POST = $POST['myPost'];
      $Message = '<script type="text/javascript">';
      $Message .= 'document.getElementById("' . $IDName . '").style.display="block";'; // Show the hidden DIV
      $Message .= 'document.getElementById("' . $IDName . '").innerHTML="' . $POST . '";'; // Output POST value
      $Message .= '</script>';
echo $Message;