click souris sur une liste deroulante

Eléphanteau du PHP | 10 Messages

25 mai 2008, 12:02

bonjour tout le monde,

je ne sais pas si vous avez lu mes anciens messages mais je galerai sur comment afficher le choix fait dans un menu deroulant.

maintenant j'y arrive mais
1 - je dois selectionner le choix dans le menu deroulant (rien ne se passe)
2 - je click sur un bouton et la le choix s'affiche.

je prefererai ne pas avoir de bouton et afficher directement le choix selectionné. comment faire?
merci d'avance.


voila le code html:

Code : Tout sélectionner

<script language="JavaScript"> function recupere() {document.form1.critere.value=liste.options[liste.selectedIndex].value;} </script><code type="html"> <form name="form1" method="POST" action="essai.php"> <div align="left"> <select name="critere" onChange="recupere();"> <option value="points au 1er tour">points au 1er tour</option> <option value="points au 2e tour">points au 2e tour</option> <option value="points (total)">points (total)</option> </select> </div> <input type="submit" name="choix" /> </form>

et voila le code php:
<?php 
echo $choix;
?>

Eléphant du PHP | 174 Messages

25 mai 2008, 13:53

Bonjour.

Si tu ne souhaites que faire un affichage et ne pas traiter le choix, tu peux gérer ça sans clic, de deux façons différentes :

//affichage par boîte de dialogue

Code : Tout sélectionner

<script language="JavaScript"> function recupere() { alert(document.form1.critere.value); } </script><code type="html"> <form name="form1" method="POST" action="essai.php"> <div align="left"> <select name="critere" onChange="recupere();"> <option value="points au 1er tour">points au 1er tour</option> <option value="points au 2e tour">points au 2e tour</option> <option value="points (total)">points (total)</option> </select> </div> </form>
alert(); ouvre une boîte de dialogue qui annonce le résultat

//affichage dans une partie choisie de la page

Code : Tout sélectionner

<script language="JavaScript"> function recupere() { document.getElementById("zoneAffichageChoix").innerHTML = "<p>"+document.form1.critere.value+"</p>"; } </script><code type="html"> <form name="form1" method="POST" action=""> <div align="left"> <select name="critere" onChange="recupere();"> <option value="points au 1er tour">points au 1er tour</option> <option value="points au 2e tour">points au 2e tour</option> <option value="points (total)">points (total)</option> </select> </div> </form> <div id="zoneAffichageChoix"> </div>
innerHTML écrit du HTML à l'emplacement désigné par le getElementById (attention il faudra tout écrire sur une ligne).

J'espère avoir répondu à ta question.

Bonne progra !
"Il vaut mieux avoir du luxe dans ses sentiments que sur ses habits, je ne crains, moi, le mépris de personne" Honoré De Balzac.
"On s'étonne trop de ce que l'on voit rarement et trop peu de ce que l'on voit chaque jour" Mme de Genlis
"L'absence diminue les médiocres passions et augmente les grandes comme le vent éteint les bougies et allume le feu" La RocheFoucauld
"People have hope because they can't see Death standing behind them" (anonymous)
"Of all the things I've lost, I miss my brain the most" (from a fanfic)

Mammouth du PHP | 1353 Messages

26 mai 2008, 11:12

http://www.phpfrance.com/forums/voir_sujet-240591.php ...

le multipostage ne favorise pas la qualité des réponses...
Tell me and I forget. Teach me and I remember. Involve me and I learn.