Liste déroulante javascript

[Fermé]
Signaler
Messages postés
60
Date d'inscription
mardi 31 mars 2009
Statut
Membre
Dernière intervention
25 juin 2009
-
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
-
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

Messages postés
60
Date d'inscription
mardi 31 mars 2009
Statut
Membre
Dernière intervention
25 juin 2009

snifff nobody to help me? please pleaaaassse!
esk le choix de la première liste détermine les elément de la deuxièmes liste
Messages postés
15
Date d'inscription
mardi 30 juin 2009
Statut
Membre
Dernière intervention
30 juillet 2009
5
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
892
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>