Discussion :

[ryu20]

Bonjour,
J'essaie de construire une page avec un formulaire 'dynamique', dans le sens où l'utilisateur séléctionne une action et en fonction de son choix, j'affiche un certain nombre d'input (que ce soit des champs texte, select box...).

- En gros, j'affiche une selectBox avec une liste d'action.
- Une fois une action séléctionnée, j'envoie une requête Ajax qui me renvoie le nouveau formulaire (déja mis en page au format html)
- A ce moment là, j'utilise un form1.after() pour afficher mon nouveau formulaire.

Donc, au final, j'ai un nombre de paramètre variable.

Mon soucis est de récupérer les valeurs entrées par l'utilisateur et de les renvoyer à mon script PHP. En cherchant, je suis tombé sur ce topic :
topic.

et je me suis donc logiquement tourné vers serialize() que j'utilise de cette manière :

Code :

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

1
2
3
4
5
function test()
{
	 var str = $("parametre_form").serialize();
	 alert(str);
}

J'ai aussi testé de reprendre l'exmple sur le site de Jquery

Code :

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

1
2
3
4
5
function test()
{
	 var str = $("parametre_form").serialize();
	 $("#champstext").text(str);
}

Mais quoi qu'il arrive, j'obtiens une chaine vide, c'est à dire ni les noms des variables ni leur valeur.

Est ce qu'il me manquerait quelque chose?

Merci

[SpaceFrog]

selon moi c'est un souci de selecteur

Code :

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

$('parametre_form')

il n'existe pas de balise parametre_form
c'est un id ? un name ?

[ryu20]

Il s'agit d'un id. Pour le coup, c'est l'id de la div qui contient le formulaire (j'avais essayé avec l'id du formulaire, et après plusieurs echecs, j'ai tenté avec la div avant de poster)
voici le code html retourné par ma fonction ajax :

Code html :

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="parametre_form">
<form id="toto" param0"="" method="post > <label for=" action="requetes">
nom de l'agent
<input id="param0" type="text">
<br>
<br>
<label for="param1">prénom de l'agent</label>
<input id="param1" type="text">
<br>
<br>
<input id="nbParam" type="hidden" value="2">
<input type="button" value="Valider" onclick="test()">
</form>
</div>

Merci

[Bovino]

Code html :

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

<form id="toto" param0"="" method="post > <label for=" action="requetes">

Et il n'y a rien qui te choque niveau syntaxe ?

[SpaceFrog]

en dehors du loupé pointé par Beef ...


id ="toto" =>

Code :

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

$('#toto')

[ryu20]

Merci pour vos réponses... Du coups, les deux posaient un problème.
Pour l'erreur pointée par Bovino, c'est que bêtement je me fiais à un alert qui m'affichait le code HTML pour être sur que rien ne clochait et qu' il m’affichait la bonne syntaxe sauf qu'il manquait une " et je me disais que c'était firefox qui avait un raté ici.

Pour la seconde erreur, je n'ai aucune excuse.

Et enfin, il y a un troisième point, que j'ai trouvé par hasard : .serialize() zappe tous les champs qui n'ont pas de names (autant dire que mon formulaire était vide pour lui).

Merci pour vos réponses aussi précise que rapide.