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 会“持久”，但是您仍然需要使用 ajax 提交表单。