JavaScript OnClick div揭示

Question

我有一個帶有表單的簡單頁面。 單擊提交按鈕后，div應該顯示以顯示一些“謝謝”內容。

我正在使用以下腳本：

function foo(id){
    var e = document.getElementById(id);
    if (e.style.display == 'block')
        e.style.display = 'none';
    else
        e.style.display = 'block';
}

並在“提交”按鈕上執行以下操作：

onclick="foo('bar');"

它的確顯示了div，但是它只閃爍然后再次消失。 我需要將其保留在頁面上以便可以閱讀。 任何想法為什么它不持久？

Answer 1

提交表單后，將觸發頁面刷新，使div開始display: none; 再次。

從函數返回false將阻止表單提交，並且div變為“ persist”，但是您仍然需要使用ajax提交表單。

Answer 2

在PHP端生成HTML（或使用什么）時，這樣做可能會更容易。 如果發送成功，只需添加“謝謝”塊。

<?php
if ($submitted)
{
    echo '<span>Thank you</span>';
}