Liste déroulante javascript

Bonjour,

J'espères que quelqu'un lira ceci et viendra a mon secours :(

Aidez moi svp a faire que lorsqu'un utilisateur selectionne un item dans un menu déroulant l'autre menu déroulant reste grisé tant qu'il n'a pas fait sont choix! et seulement quand le premier a choix a été fait dans le premier menu déroulant qu'il peut accéder au deuxième choix dans le menu déroulant.

Par exemple si je selectionne un item pomme dans la liste déroulante 1 , après je dois et seulement après le choix de la pomme dans la liste déroulante 1 que je peux choisir ananas dans la liste déroulante 2

Je ne sais si je suis très précis pour tous mais je ne saurais mieux décrire mon problème.
Merci a tous

Jah
Configuration: Windows XP
Internet Explorer 7.0

4 réponses

  1. esk le choix de la première liste détermine les elément de la deuxièmes liste
    1. Allez c'est vendredi:

      <html>
      <head>
      <script type="text/javascript">
      function activ_liste(id_lire,id_activ){
      	var choix=document.getElementById(id_lire);
      	var liste_activer=document.getElementById(id_activ);
      	if(choix.value != "-1"){
      		
      		liste_activer.disabled=false; //si choix different de "Choisissez" on active la liste2
      	
      	}else{
      		liste_activer.disabled=true; //si choix revient sur  "Choisissez" on desactive la liste2
      	}
      
      }
      </script>
      </head>
      <body>
      <form name="form1" method="post" action="">
      <select name="liste1" id="liste1" onChange="activ_liste('liste1','liste2');">
      	<option value="-1">Chosissez</option>
      	<option value="choix1">choix1</option>
      	<option value="choix2">Choix2</option>
      </select>
      <br />
      <select name="liste2" id="liste2" disabled>
      <option value="-1">Chosissez</option>
      	<option value="choix1_2">choix1_2</option>
      	<option value="choix2_2">Choix2_2</option
      </select>
      </form>
      </body>
      
      </html>