Liste déroulante javascript

Fermé
jah_haile_selassie Messages postés 60 Date d'inscription mardi 31 mars 2009 Statut Membre Dernière intervention 25 juin 2009 - 27 avril 2009 à 11:28
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 24 juil. 2009 à 13:54
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

4 réponses

jah_haile_selassie Messages postés 60 Date d'inscription mardi 31 mars 2009 Statut Membre Dernière intervention 25 juin 2009
29 avril 2009 à 14:40
snifff nobody to help me? please pleaaaassse!
0
esk le choix de la première liste détermine les elément de la deuxièmes liste
0
LCV Messages postés 15 Date d'inscription mardi 30 juin 2009 Statut Membre Dernière intervention 30 juillet 2009 5
24 juil. 2009 à 13:05
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
24 juil. 2009 à 13:54
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>
0