recuperer valeur option select sans bouton

Bonjour,

Je dispose d'une liste déroulant tels que celle ci:

Code:

---

1 2 3 4 5 6 7

<SELECT name="quantite" size="5" > <OPTION value="1">100 gr <OPTION value="2">200 gr <OPTION value="3">300 gr <OPTION value="4">400 gr <OPTION value="5">500 gr </SELECT>

---

Je dispose d'une variable $nbre de type entier.

J'aimerai faire ceci:
- si l'utilisateur sélectionne 100 gr ça me donnerait : 1*$nbre
- si l'utilisateur sélectionne 200 gr ça me donnerait : 2*$nbre
- si l'utilisateur sélectionne 300 gr ça me donnerait : 3*$nbre
- si l'utilisateur sélectionne 400 gr ça me donnerait : 4*$nbre

Tout ceci sans bouton submit.
Donc comment récupérer les valeurs (1, 2, 3, 4, 5) de ma liste déroulante pour l'afficher ici:

Code:

---

1 2 3

<?php echo X * $nbre; ?>

---

X étant mes valeurs de la liste.

Voili voilou

Recherche de coté JAVASCRIPT

Avec XMLHTTPREQUEST :mouarf:

Salut,

Pour réaliser cela, tu es obligé de passer par du JavaScript et notamment l'attribut onchange.

Merci merci je vais jeter un oeil du coté du javascript.

En utilisant le javascript, dans l'evènement onChange :

- soit tu lance l'envoi de formulaire :

Code:

---

document.myForm.submit();

---

- soit tu appele la methode qui lance une requete avec la technique "Ajax"

http://ajax.developpez.com/cours/

Je cale un peu sur le sujet:

Voici ou j'en suis:

Code:

---

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

<SELECT name="quantite" size="5" onChange="test()"> <OPTION value="1">100 gr <OPTION value="2">200 gr <OPTION value="3">300 gr <OPTION value="4">400 gr <OPTION value="5">500 gr </SELECT>   <script language="javascript"> function test(){ document.myForm.submit(); } </script>

---

Bonjour,
1-Soigne un peu ton code

Code:

---

1 2 3

<select name="quantite" size="5" onchange="test()"> <option value="1">100 gr</option> ...

---

2-Si ton select n'est pas dans le form myForm, ça ne marche pas, et si c'est le cas, dès que tu clique sur une option, ça lance le submit.
Regarde plutôt du coté AJAX, le tutoriel: http://siddh.developpez.com/articles/ajax/#LIV-A

A+.

Bonjour,

j'ai toujours des problemes par rapport au select avec javascript.

Comment faire pour recuperer la valeur d'un select puis d'utiliser cette valeur dans une variable php:

Voici un exemple de code ou je cale:

Code:

---

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

<form action="select.htm"> <p>Votre commande de pizzas:</p> <p> <select name="Pizza" size="5" onchange="alert(this.form.Pizza.options[this.form.Pizza.selectedIndex].value)"> <option value="P101">Pizza Napoli</option> <option value="P102">Pizza Funghi</option> <option value="P103">Pizza Mare</option> <option value="P104">Pizza quatre saisons</option> <option value="P105">Pizza Mexicana</option> <option value="P106">Pizza Regina</option> <option value="P107">Pizza de la Casa</option> <option value="P108">Pizza Calzone</option> <option value="P109">Pizza con tutti</option> </select> </p> </form>

---

Ca m'affiche bien les valeurs au changement de pizza par contre quand je clique j'aimerai récupérer cette valeur dans une variable php.

Merci par avance

Code:

---

onchange="alert(this.form.Pizza.options[this.form.Pizza.selectedIndex].value)"

---

:koi:

Code:

---

onchange="alert(this.value)"

---

me semble mieux :mrgreen:

Citation:

---

j'aimerai récupérer cette valeur dans une variable php.

---

Il faut indiquer un attribut method à ton formulaire pour déterminer comment les données sont transmises

Code:

---

<form method="post" action="select.htm">

---

puis à la soumission du formulaire, les valeurs sont disponibles via le tableau $_POST :

Code:

---

echo $_POST['Pizza']

---

:?

Bonjour et merci beaucoup pour ton aide ;)

Je vais essayer de m'en sortir avec ça :)