0

フォームの送信ボタンで 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>
4

1 に答える 1

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;        
});
于 2012-05-06T00:45:10.880 に答える