Clonage et incrémentations
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.
Code:
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> |
Et j'essaye ainsi avec la fonction suivante d'incrémenter les différents attributs mais elle ne fonctionne pas :
Code:
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++;
} |
J'ai au préalable déclaré cptFilleul dans le domready, ainsi que l'event appelant cette fonction.
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 :)
