Les champs de saisie de la boîte de dialogue ne sont pas réinitialisés

Question

Je n'arrive pas à comprendre comment réinitialiser les champs de saisie qui apparaissent dans une boîte de dialogue, après ils ont déjà été soumis une fois. Fondamentalement le brin du problème est le suivant:

J'ai un bouton sur une page qui déclenche une boîte de dialogue. La boîte de dialogue contient 3 champs de saisie et un bouton d'envoi. Je remplis les données et envoie le formulaire. Ce bouton de soumission déclenche un appel ajax. En cas de succès, il ferme la boîte de dialogue et affiche un message (une autre boîte de dialogue).

Maintenant, si je l'ouvre à nouveau la boîte de dialogue, remplissez les champs et soumettre, il soumet les anciennes informations que je remplissais dans la première fois que je ouvert la boîte de dialogue.

J'ai créé un exemple ici: http://www.thekirchners.net/dialog/

Tout le code est à la page, juste afficher la source.

Merci à tous.

Answer 1

Le problème est que vous créez les textes d'entrée chaque fois que vous appuyez sur « les boîtes de dialogue de test », vous avez donc après le 1er temps, vous avez un autre div avec les mêmes noms. Vous répétez les textes d'entrée. Vous commencez disons avec 3 la première fois, puis 6 et puis 9.

Je voudrais simplement recréer et détruire à chaque fois, je pousse le bouton. Un simple: $ ('# dialogBox'). Remove();

à chaque fois.

Ou mettre ces entrées dans le code HTML et je cache et montre si j'en ai besoin.

Answer 2

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

Answer 3

Le contenu de la boîte de dialogue est-il toujours le même? Si tel est le cas, vous pouvez simplement réinitialiser le code HTML dans la div de votre boîte de dialogue, c'est-à-dire réaffecter le code HTML correct.