使用jquery提交表单后隐藏div?

时间:2012-05-06 00:42:14

标签: php javascript jquery forms hide

我在表单提交按钮上使用onclick函数来隐藏div。但它并没有隐藏。做这个的最好方式是什么?我想在提交表单后隐藏我页面上的div。

<form action="" method="POST">
<input type="submit" onclick="hide_group_posts();">
</form>

<div id='div_i_want_to_hide'>
<?php include $_SERVER['DOCUMENT_ROOT']."page.php";?>
</div>

<script>
function hide_group_posts(){
$('#div_i_want_to_hide').hide();
}
</script>

1 个答案:

答案 0 :(得分:9)

$('form').submit(function(){
    $('#div_i_want_to_hide').hide();  
});

如果它没有帮助您,则必须满足以下条件之一:

  • 您没有引用jQuery库。
  • 您没有使用DOM ready事件包装代码。
  • 你得到了错别字。
  • 提交功能有效,你有新页面,因为你没有阻止默认。

像这样预防:

$('form').submit(function(e){
    $('#div_i_want_to_hide').hide();  
    e.preventDefault();
    // Or with: return false;        
});