Visibilité d'une liste en fontion d'une autre
Oxley
Messages postés
573
Statut
Membre
-
Oxley Messages postés 573 Statut Membre -
Oxley Messages postés 573 Statut Membre -
Bonjour,
Je suis devant un problème de javascript.
J'ai une liste déroulante <select> avec 2 catégories. voiture et immobilier
et j'aimerais, après avoir choisi l'une des 2 catégories, qu'une 2ème liste déroulante apparaisse mais différente en fonction du choix.
ex : soit une liste avec le kilomètrage de la voiture ( 50 000kms, 100 000kms, 200 000kms...)
ou soit une liste avec le nombre de pièces dans un immeuble (1, 2, 3 ...)
Je pense qu'il faut utiliser "Onchange" et un script de visibilité, mais mes connaissances s'arrête ici ^^
Merci de vos réponses
Je suis devant un problème de javascript.
J'ai une liste déroulante <select> avec 2 catégories. voiture et immobilier
et j'aimerais, après avoir choisi l'une des 2 catégories, qu'une 2ème liste déroulante apparaisse mais différente en fonction du choix.
ex : soit une liste avec le kilomètrage de la voiture ( 50 000kms, 100 000kms, 200 000kms...)
ou soit une liste avec le nombre de pièces dans un immeuble (1, 2, 3 ...)
Je pense qu'il faut utiliser "Onchange" et un script de visibilité, mais mes connaissances s'arrête ici ^^
Merci de vos réponses
A voir également:
- Visibilité d'une liste en fontion d'une autre
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Site dangereux liste - Guide
- Liste groupe whatsapp - Guide
3 réponses
Bon n'ayant pas eut d'aide, j'ai donc appris par moi meme, en apprenant les bases du javascript qui ressemble de pres au visual basic dirigé objet
Donc je vous met une solution possible pour ceux qui ont un probléme de ce genre
Donc je vous met une solution possible pour ceux qui ont un probléme de ce genre
<script language="javascript">
function form_load(){
document.form1.lstPrixMiniVoiture.style.visibility="hidden";
}
function affiche()
{
var indice=document.form1.lstCateg.selectedIndex;
if (indice=="0")
{
document.form1.lstPrixMiniVoiture.style.visibility="visible";
}
else
{
document.form1.lstPrixMiniVoiture.style.visibility="hidden";
}
}
</script>
</head>
<body onLoad="form_load()">
<form name="form1">
<select name="lstCateg" onchange="affiche()">
<option value"voiture">voiture</option>
<option value"moto">moto</option>
<option value"local">local</option>
</select>
<select name="lstPrixMiniVoiture">
<option>Prix mini</option>
<option>0</option>
<option>1000</option>
</select>
</form>
</body>
</html>
