Поля ввода в диалоговом окне не сбрасываются

Question

Не могу понять, как сбросить поля ввода, которые появляются в диалоговом окне после, они были отправлены один раз уже. В основном проблема заключается в следующем:

У меня есть кнопка на странице, которая вызывает диалоговое окно. Диалоговое окно содержит 3 поля ввода и кнопку отправки. Я заполняю данные и отправлю форму. Эта кнопка отправки запускает вызов ajax. После успеха он закрывает диалоговое окно и отображает сообщение (другое диалоговое окно).

Теперь, если я снова открыть диалоговое окно, заполните поля и нажмите кнопку, она представляет старую информацию которую я заполняющий время первый я открыл диалоговое окно.

Я создал пример здесь: http://www.thekirchners.net/dialog/

Весь код на странице, просто просмотреть исходный код этого.

Спасибо всем.

Answer 1

Проблема заключается в создании ввода текста каждый раз, когда вы нажмете «тест-диалоги», поэтому у вас есть после того, как 1-ый раз, у вас есть еще один DIV с теми же именами. Вы повторяете входные тексты. Вы начинаете, скажем, с 3 в первый раз, а затем 6, а затем 9.

Я бы просто воссоздавал и уничтожал каждый раз, я нажимаю кнопку. Простой: $ ('# dialogBox'). Remove();

каждый раз.

Или поместите эти входы в html, и я скрою и покажу, нужен ли мне это.

Answer 2

$('#field1, #field2, #field3').val(''); 

Answer 3

Является ли содержание для диалога всегда одинаковым? Если это так, вы можете просто сбросить HTML в div вашего диалога, то есть переназначить его правильным HTML.