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 : 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>
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
 
<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