Bonjour,


mon code est le suivant :

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
<table>
<form name="monForm">
<tr>
<td>
Litrage <input type="text" name="litrage1"/>
</td>
</tr>
<tr>
<td>
Litrage <input type="text" name="litrage2"/>
</td>
</tr>
</form>
</table>
<input type="button" value="ajouter une ligne" name="ajout_ligne" onclick="addLigneSaisie();"/>
Ma problèmatique est la suivante:
à chaque fois que je vais cliquer sur le bouton ajouter une ligne, je souhaite que la ligne suivante se rajoute à mon formulaire :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<tr>
<td>
Litrage <input type="text" name="litrageN" value=""/>
</td>
</tr>
avec N = numéro du champ texte

j'ai créé la fonction suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
function addLigneSaisie(){
var n = document.forms[0].elements.length + 1;
window.document.write("<tr><td>Litrage <input type='text' name='litrage" + n +  "'/></td></tr>");
window.document.close();
}
elle écrit bien le champ texte en incrémentant N mais cela ouvre une nouvelle page
est-il possible de faire l'ajout à la suite de mes champs existants sans recharger la page


merci davance