JavaScript select onChange - div
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:
Code:
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> |
Et le select ainsi que les en-têtes des div:
Code:
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> |
J'ai l'impression que mon code n'a aucun effet.
Est-ce que j'utilise mal le script js ou mon code est totalement erroné?
Merci de votre attention.
hNj