[PHP-JS] Liste déroulante -> variable PHP

Bonjour,

Comment faire pour récupérer le champs sélectionné d'une liste déroulante et la mettre dans une variable sans poster le formulaire. Je pense qu'avec l'évènement "onchange" on devrait pourvoir faire quelque chose mais je n'ai pas réussis à utiliser cet évènement. Quelqu'un aurait-il une idée ?

Merci

Voila mon formulaire pour l'info:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<select name="table1"> <option value="libre">Service finance</option> <option value="finance">Libre</option> <option value="global">Global</option> </select> &nbsp <select name="table2"> <option value="finance">Libre</option> <option value="libre">Service finance</option> <option value="global">Global</option> </select>

---

Bonjour, cela ne diffère pas vraiment d'un input dit "basique".
Tu récupère la valeur sélectionnée en faisant

Code:

---

1 2 3 4

$resultatduchoixdelaliste = $_POST["table1"]; $resultatduchoixdelaliste2 = $_POST["table2"];

---

N'oublie pas dans la balise <form> de ton formulaire, de préciser qu'il s'agit de la méthode POST

Code:

---

1 2 3

<form action = "page.php" method = "POST">

---

Oui mais le truc c'est que je veut que ca se face quand je change ma liste. Je veut pas devoir poster mon formulaire avec un boutton.

Autant pour moi, j'avais mal lu, désolé !

Ceci dit, je n'utilise pas trop le javascript, peut-être ce code (trouvé sur google) t'aidera-t-il :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<FORM> <P>Selectionner une option différente dans cette cartouche à liste de choix déroulante pour déclencher l'événement <B><FONT COLOR="#FF0000">onchange </FONT></B>.<P>   <SELECT NAME=selTest onchange="alert('Index: ' + this.selectedIndex + '\nValeur: ' + this.options[this.selectedIndex].value)"> <OPTION VALUE="Lapins">Lapins <OPTION VALUE="Poulets">Poulets <OPTION VALUE="Canards">Canards </SELECT> </FORM>

---

Merci, ce code se raproche de ce que je veut mais je n'arrive pas à passer "this.options[this.selectedIndex].value" (contien la valeur de la liste) dans ma vriable php, j'ai essayer ca mais ca marche pas:

Code:

---

1 2 3 4

... <select name="table1" onchange=<"?php $mavaleur = ?> this.options[this.selectedIndex].value"> ...

---

Bonjour

Une question : à quoi va te servir cette variable php et dans quelle page doit-elle se trouver ? La page où se trouve ton formulaire ou celle du traitement ? A moins que tu effectues le traitement dans la même page...

Citation:

---

Envoyé par Alvaten

Merci, ce code se raproche de ce que je veut mais je n'arrive pas à passer "this.options[this.selectedIndex].value" (contien la valeur de la liste) dans ma vriable php, j'ai essayer ca mais ca marche pas:

Code:

---

1 2 3 4

... <select name="table1" onchange=<"?php $mavaleur = ?> this.options[this.selectedIndex].value"> ...

---

---

Houla tu mélanges tout là 8O

Le javascript, et ce qui se passe sur le navigateur ne se passe que du coté du client (donc pas de php). C'est à dire qui si tu change la valeur d'une liste le serveur(qui fait tourner le php) n'est pas au courant.

Les deux seuls moyen d'affecter une variable par ta liste déroulante c'est de poster le formulaire, ou alors de faire une requête AJAX sur ton serveur par l'intermédiaire du Javascript.

Celira:

Ma variable se trouve dans la page du formulaire, si vraiment je pourait effctuer le traitement dans cette même page. La variable va servire a afficher des donées en fonction du choix.

Asmodean:

Si je ne vait pas utiliser AJAX je doit donc poster mon formulaire ? Si oui je le posterait mais coment faire pour le faire au changement d'une des mes liste ?

Alors tu dois pouvoir faire un onchange="form.submit" ou quelque chose du genre. Enfin ca tu trouveras facilement sur google. Ca fait longtemps que j'ai pas fait de javascript :mrgreen:

Je me doutais bien que c'était pour ce genre de chose. ;)
Ce que tu peux faire, c'est une soumission de formulaire au changement de focus (avec onchange ou onselect) et récupérerer la variable par $_POST.

Le code aurait grosso modo cette tête :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<form method="post" action="" name="form"> <select name="table1" onselect="form.submit()"> <option value="libre">Service finance</option> <option value="finance">Libre</option> <option value="global">Global</option> </select> </form> <?php if (isset ($_POST['table1'])){ $table1=$_POST['table1']; // et ce que tu veux faire de table1... }

---

Remarque : si l'utilisation de ta variable rajoute des champs dans le formulaire, la balise </form> doit être fermée après le bloc if.

Merci beaucoups, c'est exactement ce que je voulais. Une dernière question :D, comment conserver le choix de la liste après le post (je voudrait que la liste affiche le dernier choix fait).

il faut que tu testes si la valeur de l'option est celle passée en post. Dans ce cas, il faut ajouter l'attribut selected dans la balise d'option.
:faq: Comment conserver la sélection d'un menu déroulant après une soumission ?

Ok merci beaucoups a tous pour votre aide.