Bonjour,
J'ai créé un formulaire et une partie de ce formulaire est dynamique. Je peux ajouter des champs en cliquant sur un bouton ajouter.
Le soucis est que je souhaite supprimer l'un de ces champs quand je le souhaite.
j'ai donc créer une fonction javascript permettant de supprimer la dernière ligne ajoutée.
mon problème est que je peu ajouter et supprimer les lignes mais dans le cas ou je supprime et je rajoute un champ le formulaire n'agit pas comme je le voudrai.
ex : j'ajoute un champ "responsable 2"
je le supprime
et j'en rajoute un apres . il m'apparaitra le champ "responsable 3" juste apres le champ "responsable 1"
en fait, le formulaire ne met pas a jour l'indice de la ligne.
voici mon formulaire
form.php
mon code javascript d'ajout de ligne
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 <tbody id="Responsable_corpus"> <tr> <td>- Responsable du corpus 1 :</td> <td><input type="text" size="50" name="Responsable_corpus1" onKeyUp="javascript:couleur(this);"> </td> </tr> </tbody> <tr> <td><input type="button" value="Ajouter un responsable" onclick="addRespCorpus()" /></td> </tr>
ma fonction qui permet de supprimer
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 function addRespCorpus() { nRC++; var newRow = document.getElementById('Responsable_corpus').insertRow(-1); var newCell = newRow.insertCell(0); newCell.innerHTML = '- Responsable du corpus ' + nRC + ' : '; newCell = newRow.insertCell(1); newCell.innerHTML = '<input type="text" size="50" name="Responsable_corpus' + nRC + '" onKeyUp="javascript:couleur(this);">'; newCell = newRow.insertCell(2); newCell.innerHTML = ("<input type=button name=supprimer value=Supprimer onclick=suppression()>"); }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 function suppression() { var nb = document.getElementById('Responsable_corpus').rows.length; document.getElementById('Responsable_corpus').deleteRow(-1); }
Partager