Cloner un formulaire

Muxabble
Javascript

Bonjour, j'ai un petit soucis avec jQuery, j'explique mon problème :
J'ai une partie de mon formulaire qui est coordonnées (adresses), j'aimerais pouvoir ajouté plusieurs coordonnées, donc cloner ce formulaire qui est dans une div row-clone.
J'ai tenter un append, un clone sans succès, il clone l'intérieur de la div sans row-clone 

<form>...</form>
au lieu de 
<div class="row-clone"><form></form></div>

Parce qu'en suite j'aimerais implémenter une fonctionnalité en jQuery pour remove cette div row-clone.

Merci à vous

6 réponses

betaWeb
Réponse acceptée

Salut,

J'ai fait un petit essai via codepen et je n'ai pas ton souci. Lorsque j'utilise la fonction clone(), l'elément ".wrapper" est bien cloné avec le form: http://codepen.io/betaweb/pen/waXvQa/

betaWeb
Réponse acceptée

Evidemment ! Tu fais $(this).parent(".close-clone").remove();, or $(this) représente l'objet $(".close-clone"), donc ça ne peut pas fonctionner.
Ceci devrait mieux fonctionner: http://codepen.io/betaweb/pen/oXyXvb/ ;)

Pierre Ftn

il suffit au pire de rajouter en toute lettre ta classe dans la div parent
du genre :

$parent.append("<div class='row-clone'>"+$form+$"</div>");
Muxabble
Auteur

Je vais tenter, et sinon pour remove la div créer comment ferais-tu ?
J'ai essayer de mettre un button remove dans chaque form créer, ainsi je peut faire un parent remove, mais sa ne supprime que la première div de base et non celle générer 

$(this).parents('.row-clone').remove();
Muxabble
Auteur

Très bien ,j'avais utiliser les boucles moi, donc le clone fonctionne bien, merci par contre pour le remove, le problème se pose toujours :
http://codepen.io/anon/pen/yNEygp

Muxabble
Auteur

D'accord, je vien de comprendre le truc, enfait là sa remove close-clone et pas form-wrapper ! Merci pour ces explications sur le remove et le clone.