Contenu DIV selon choix OPTION liste déroulante
Résolu/Fermé
AnhTuanFevre
Messages postés
219
Date d'inscription
samedi 17 janvier 2015
Statut
Membre
Dernière intervention
24 juillet 2015
-
18 mars 2015 à 10:31
AnhTuanFevre Messages postés 219 Date d'inscription samedi 17 janvier 2015 Statut Membre Dernière intervention 24 juillet 2015 - 18 mars 2015 à 11:45
AnhTuanFevre Messages postés 219 Date d'inscription samedi 17 janvier 2015 Statut Membre Dernière intervention 24 juillet 2015 - 18 mars 2015 à 11:45
A voir également:
- Contenu DIV selon choix OPTION liste déroulante
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Option booster free avis - Guide
- Word a trouvé du contenu illisible - Guide
- Supprimer liste déroulante excel ✓ - Forum Excel
1 réponse
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
18 mars 2015 à 11:20
18 mars 2015 à 11:20
Bonjour,
Déclencher une action lors du choix dans une liste déroulante :
=> méthode : ONCLICK
(et oui... il faudra du javascript)
ce qui donne :
Déclencher une action lors du choix dans une liste déroulante :
=> méthode : ONCLICK
(et oui... il faudra du javascript)
ce qui donne :
<html>
<head>
<title>TEST</title>
</head>
<body>
<script type="text/javascript">
function afficheDiv(idDiv){
//on masque toutes les DIV
HideByClassName('mesDiv');
if(idDiv!=0){
//on affiche celle qu'on a choisi
var elm = document.getElementById(idDiv);
elm.style.display='block';
}
}
function HideByClassName(className){
// Loop through each element with the class name of slidePanel
var elementList = document.getElementsByClassName(className);
// Iterate through each element in the array
for (i = 0; i< elementList.length; i++) {
var ele = elementList[i];
console.log(ele.id);
ele.style.display='none';
}
}
</script>
<select name="maliste" onclick="afficheDiv(this.value);">
<option value="0"> Choisir une div </option>
<option value="div1">div1</option>
<option value="div2">div2</option>
</select>
<div id="div1" class="mesDiv" style="display:none">
ceci est la div 1
</div>
<div id="div2" class="mesDiv" style="display:none">
ceci est la div 2
</div>
</body>
</html>
18 mars 2015 à 11:45