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.

Answer 2

Это может быть проще сделать при создании HTML на стороне PHP (или в том, что вы используете). Если передача выполнена, просто добавьте блок «Спасибо».

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