Bonjour,

Je souhaitais créer un formulaire dans lequel je peux ajouter autant d'étapes que je le veux en appuyant sur un bouton "Ajouter une étapes".
Cependant bien que j'arrive à rajouter autant de textarea que je le veux sur la page, les données saisies dedans ne sont pas envoyées lors de la validation du formulaire.

Voici mon code, voyez-vous où est-ce que ça coince?

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<table>
	<form id='formulaire' action='gesRecette.php?action=<?php echo $_GET['action']; ?>' method='POST' enctype="multipart/form-data">
		<tr><td>Titre  :</td><td><input type='text' name='titre' value = '' /></td></tr>	
		<tr><td>Image  :</td><td><input type='file' name='image' /></td></tr>
		<tr><td>Etapes : </td><td>
		<div id="champs" >
			<textarea type="text" cols="50" rows="10" name="etapes[]"/></textarea><br>
			<textarea type="text" cols="50" rows="10" name="etapes[]"/></textarea><br>
		</div>
		<button type="button" onclick="addTextarea()" >+</button><br></td></tr>
 
		<tr><td>
			<input type='hidden' name='validation' />
			<input type='hidden' name='id' value='' />
			<input type='hidden' id='nombreEtape' name='nombreEtape' value='' />
		</td><td><input type='button' value='ValiderFormulaire' onclick='validerFormulaire()' /><input type="submit" value="Valider" /></td></tr>
 
		<script type="text/javascript" >
				var div = document.getElementById('champs');
				function addTextarea() {
				var textarea = document.createElement("textarea");
				textarea.type = "texte";
				textarea.name = "etapes[]";
				textarea.cols = 50;
				textarea.rows = 10;
				div.appendChild(textarea);
				div.appendChild(document.createElement("br"));
				}
		</script>
	</form>
 
</table>
je vous remercie d'avance.

Bonne soirée.