Bonjour,

Je cherche de créer un formulaire dynamique avec jQuery, pour l'instant je n'ai pas inséré du php car je suis bloquée avec le jQuery (niveau débutante) et je viens tout juste de commencer.

Voici mon code html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="gauche">
		<span class="leLabel2"></span>
		<span class="zTexte2"></span>
		<span class="leBouton2"></span>
    </div>
 
    <div id="droite">
      Utilisez ces boutons pour créer votre formulaire<br><br>
      <button class="leLabel">Label</button>
      <button class="zTexte">Zone de texte</button>
      <button class="leBouton">Bouton</button>
	  <hr />
	  <span class="hello"></span>
    </div>
Et mon script :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function() {
 
			  // Activez le bouton label
			  $('.leLabel').click(function(){
 
				  $('Texte du label : <br/> <input type="text" name="fname" class="fname"><br><input type="submit" value="Envoyer" class="envoyer">').appendTo('.hello');  
			  //Lorsque l'utilisateur clique sur le bouton OK, le texte saisi dans la zone de texte s'affiche dans la partie gauche de l'écran à l'intérieur du <span></span> :
			  $(".envoyer").click( function()
			  { 
				  var fname = $(".fname").val(); 
				  $(fname).appendTo('.leLabel2');
			  });						   
			  }); 
});
Avec un alert(fname); ça fonctionne parfaitement, mais si je mets $(fname).appendTo('.leLabel2'); il n'y a rien qui apparait, même pas de bugs signalés sur firebug.
Où est-ce que je me trompe ? C'est le sélecteur de la variable ?

Merciiiiiiiii