Ajouter du HTML dans un formulaire

**chindit** · 27/01/2013, 12h19

Bonjour à tous

Avant de commencer, je dois vous dire que, le JavaScript et moi, ça fait 2 donc, désolé si mes questions vous paraissent un peu absurdes.

Voilà, j'ai un formulaire de ce type :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<form method="post" action="index.php">
					<fieldsed id="reponses"><legend>Réponse(s) :</legend>
					<input type="checkbox" name="1c" id="1c" /><input type="text" lenght="250" name="1" id="1" /><br />
					</fieldset>
					<input type="hidden" name="nb_reponses" id="nb_reponses" value="1" />
 
					<input type="button" name="ajout_reponse" value="Ajouter" onclick="insertAnswer();" />&nbsp; &nbsp; &nbsp;
					<input type="submit" value="Enregistrer" />
				</form>

Je souhaiterais, lors du clic sur le bouton «Ajouter» que la fonction "insertAnswer()":
1) Récupère la valeur de «nb_reponses»
2) Incrémente cette valeur de 1
3) Remette la nouvelle valeur dans le champ
4) Insère une nouvelle ligne dans le fielsed qui soit "<input type="checkbox" name="2c" id="2c" /><input type="text" lenght="250" name="1" id="1" /><br />"
(L'idée étant que, si l'on clique une seconde fois sur le bouton, une troisième ligne est ajoutée avec comme id «3c» etc…

Bon, le 1), je sais le faire : avec ce code, ça fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var nb_champs = document.getElementById("nb_reponses").value;
			if(isNaN(nb_champs)){
				alert('Une erreur s\'est produite lors de l\'ajout d\'une réponse');
			}