liste deroulante

liste deroulante - HTML/CSS - Programmation

Marsh Posté le 20-07-2006 à 16:16:43    

comment peut associer une action a un menu deroulant <select>
 
C'est a dire selon mon option selectionner je realise tel ou tel affichaga...
 
J ai chercher sur le web( apprement il faut utiliser un onChange...)

Reply

Marsh Posté le 20-07-2006 à 16:16:43   

Reply

Marsh Posté le 20-07-2006 à 16:31:05    

oui tout à fait... !!
 
ya plus qu'a !

Reply

Marsh Posté le 20-07-2006 à 16:33:36    

oui je m en douter mais bon comme tu dis "ya plus qu'a !" :d

Reply

Marsh Posté le 21-07-2006 à 03:58:52    

function faitca(objet){
  mesactions à partir de cet objet
}
 
 
<select onchange="faitca(this)">
 
et maintenant qu'est ce que tu veux faire avec ?

Reply

Marsh Posté le 27-07-2006 à 08:52:38    

gatsu35 a écrit :

function faitca(objet){
  mesactions à partir de cet objet
}
 
 
<select onchange="faitca(this)">
 
et maintenant qu'est ce que tu veux faire avec ?


 
dsl du beau retard mais j étais sur un autre projet là...
 
Donc je reviens à mes moutous !
En faite le principe que je veux utiliser et le suivant j ai une liste deroulante et lorsque je selectionne tels ou tels option j'affiche quelquechose

Reply

Marsh Posté le 27-07-2006 à 09:23:33    

Code :
  1. function faitca(objet){
  2.   value = objet.value;
  3.   switch(value) {
  4.   case "valeur1" : action1 ; break;
  5.   case "valeur2" : action2 ; break;
  6.   case "valeur3" : action3a;
  7.                         action3b;
  8.   }
  9. }

Reply

Marsh Posté le 27-07-2006 à 09:54:45    

ok merci je vais essayer detester tt ça mais c'est pas gagné...

Reply

Marsh Posté le 27-07-2006 à 10:44:52    

j'utiliserais plutôt :

Code :
  1. value = objet.options[objet.selectedIndex].value;


 
à la base, le .value à un select n'est pas dans le DOM HTML.
c'est microsoft qui l'a rajouté dans IE depuis ses premières versions qui supportaient le js.
 
maintenant, moz et autres supportent peut-être cette propriété, mais si on veut conserver un maximum de compatibilité, il vaut mieu utiliser la méthode "oldschool".
 
d'autant plus que je suppose que contrairement à IE, .value est readonly sous FF et autres. a partir de là, autant avoir le code "complet", qui permet de comprendre comment ça marche, et changer, en cas de besoin, la ligne sélectionnée, toute autre info que sa valeur.
genre :
 

Code :
  1. function faitca(objet)
  2. {
  3.   for (var i = objet.options.length - 1; i >= 0; i--)
  4.   {
  5.     if (i == objet.selectedIndex)
  6.     {
  7.       objet.options[i].style.fontWeight = "bold";
  8.     }
  9.     else
  10.     {
  11.       objet.options[i].style.fontWeight = "normal";
  12.     }
  13.   }
  14.   value = objet.options[objet.selectedIndex].value;
  15.   switch(value)
  16.   {
  17.     case "valeur1" :
  18.       action1;
  19.       break;
  20.     case "valeur2" :
  21.       action2 ;
  22.       break;
  23.     case "valeur3" :
  24.       action3a;
  25.       action3b;
  26.       break;
  27.   }
  28. }

Reply

Marsh Posté le 27-07-2006 à 10:57:23    

je comprend votre exemple mais mon affichage et gérer en PHP car apres selon que j affiche je dois creer un moteur de recherche interne selon les valeurs saisies par l utilisateur..... donc j utilise obligatoirement des $_SESSIONS des $_GET et tout le touin touin

Reply

Marsh Posté le 27-07-2006 à 11:00:17    

/me dit qu'il ne vois pas le rapport
 
les "action" que tu peux faire en js, de toute façon, c'est coté client, pas côté serveur, donc pas de php.
 
si tu veux faire un traîtement php, alors tu submit ton formulaire au changement de valeur de la select.
et côté php, tu testes la valeur retournée, afin de lancer le traîtement désiré.

Reply

Marsh Posté le 27-07-2006 à 11:00:17   

Reply

Marsh Posté le 27-07-2006 à 11:07:00    

okok  :d j y reflechi !!!  :)


Message édité par mitch46000 le 27-07-2006 à 11:09:25
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed