Bonjour à tous,
J'essaye de cloner un tableau contenu dans un formulaire et d'en incrémenter les attributs des différentes balises.
L'action se fait sur un clique d'un bouton, clone le tableau et l'injecte à la suite de celui-ci.
Et j'essaye ainsi avec la fonction suivante d'incrémenter les différents attributs mais elle ne fonctionne pas :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td class="label_form"><label for="nom_filleul_1">Nom : </label></td> <td><input type="text" size="20" id="nom_filleul_1" name="nom_filleul_1" value="" /></td> <td rowspan="4" align="left"><img src="Public/Images/pastilleFilleul.png"/></td> </tr> <tr> <td class="label_form"><label for="prenom_filleul_1">Prénom : </label></td> <td><input type="text" size="20" id="prenom_filleul_1" name="prenom_filleul_1" value="" /></td> </tr> <tr> <td class="label_form"><label for="mail_filleul_1">E-mail : </label></td> <td><input type="text" size="20" id="mail_filleul_1" name="mail_filleul_1" value="" /></td> </tr> </tbody> </table>
J'ai au préalable déclaré cptFilleul dans le domready, ainsi que l'event appelant cette fonction.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 function ajouterFilleul (){ if (cptFilleul == 1) { newClone = $("form_filleul_1").clone().inject($("form_filleul_1"), "after"); } else { newClone = $("form_filleul_1").clone().inject($("form_filleul_"+cptFilleul), "after"); } newClone = newClone.get('html').replace(/^([a-z])\_filleul_1/g, "$1_filleul_"+cptFilleul); cptFilleul++; }
Pour ceux pour qui je n'ai pas été très clair, le but de cette fonction est de remplacer, par exemple, nom_filleul_1 par nom_filleul_2 au premier clique, nom_filleul_3 au second, etc dans les différents clones.
Je remercie d'avance celui ou celle qui pourra m'aider![]()
Partager