Bonjour,
J'ai déjà parcouru pas mal de thread, mais une interrogation subsiste pour moi dans mon code. Je ne suis pas un habitué du js
Voici mon objectif (très simple):
J'ai un bouton select, en fonction du choix j'affiche un div ou un autre sans valider quoi que ce soit -> je sélectionne, ça s'affiche.
Voici mon code:
Javascript:
Et le select ainsi que les en-têtes des div:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <script type="text/javascript"> function changementType() { var ville = document.getElementById("ville").value; if (ville == "mons") { document.getElementById("infoMons").style="display:block"; document.getElementById("infoBinche").style="display:none"; } else { document.getElementById("infoMons").style="display:none"; document.getElementById("infoBinche").style="display:block"; } </script>
J'ai l'impression que mon code n'a aucun effet.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <select name="ville" id="ville" onchange="changementType();"> <option value="mons">Mons</option> <option value="binche">Binche</option> </select> <div id="infoMons" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px; display:none;"></div> <div id="infoBinche" style=" margin-top: 10px; font-size: 0.9em; margin-left: 20px; display:none;"></div>
Est-ce que j'utilise mal le script js ou mon code est totalement erroné?
Merci de votre attention.
hNj
Partager