Ajouter du HTML dans un formulaire
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:
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();" />
<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:
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');
} |
Le 2) n'est pas complique, un simple
Code:
nb_champs = nb_champs++;
devrait fonctionner.
Par contre, pour le 3) et 4), je n'ai aucune idée de la méthode à suive.
Quelqu'un pourrait-il m'aider?
Merci d'avance.:)
