Dupliziere das “Standard” -Formular mit jQuery

Ich habe diesen Code:

// Add form jQuery('.add-form').click(function() { // "Copy" default form formGroup = jQuery('.form-item').html(); // "Paste" default form jQuery('#main-form').append('
'+formGroup+'
'); });

Lage:

  • Es gibt standardmäßig ein Formular
  • Wenn Sie die Taste drücken, wird dieser Code ausgeführt
  • Es dupliziert das Standardformular und fügt es in das Standardformular ein
  • Wenn sie erneut gedrückt wird, macht sie die dritte Form und platziert sie unter der zweiten
  • etc

Problem:

Ich muss Standardformular zum Code irgendwie speichern – Problem ist, dass ich das neue Formular brauche, um mit leeren Feldern und mit ursprünglichem DOM zu sein (es kann sich ändern, wenn Felder ausgefüllt werden).

Frage:

Wie speichert man das Standardformular im Code (versteckt oder so), so dass es immer den Standard-Code lädt?

Oder gibt es einen besseren Weg?

Solutions Collecting From Web of "Dupliziere das “Standard” -Formular mit jQuery"

Ich kenne Ihren HTML-Code nicht, aber hier wird es funktionieren. Die Idee ist, dass Sie das Original woanders versteckt halten.

HTML

  

CSS

 .stay-hidden { display:none; } 

JS

 // Add form jQuery('.add-form').click(function() { // "Copy" default form formGroup = jQuery('.original-form-item').clone(); // "Paste" default form jQuery('#main-form').append('
'+ formGroup.html() +'
'); });

JSFidel:

http://jsfiddle.net/u5Lomazx/1/