在表单提交后显示隐藏的div

时间:2012-11-18 18:53:21

标签: javascript html

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

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

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

任何想法?

LE:

使其更复杂:触发页面重新加载的表单位于我想要重新显示的div上。最初我用以下方式显示div:

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

3 个答案:

答案 0 :(得分:2)

由于return false;中有onSubmit,因此不会发送任何数据。

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

答案 1 :(得分:0)

您必须在重新加载后显示div onsubmit会立即显示(在同一页面上)。因此,请在重新加载网站后检查是否在php中设置了$_POST,然后显示div

示例

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

答案 2 :(得分:0)

重新加载页面后,您可以尝试这样的操作,而不是 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;