Ciao a tutti. Sono alle prime armi con javascript. Non riesco a capire dove sbaglio in questo semplice codice...In pratica ho due stringhe: "Ciao" e "Mondo".
Se è selezionata l'opzione 'a' devono essere visualizzate entrambe, se è selezionata la 'b' soltanto la prima, se è selezionata la 'c' nessuna delle due.
Chi mi dà una mano? Grazie in anticipo!

codice:
<html> 
<head> 
<title> Esempio </title> 
<style type="text/css"> 
<!-- 
#div1, #div2 { 
display: block; 
}
--> 
</style> 
<script language="JavaScript"> 
function gestore() { 
var sel = document.getElementById("sel");
var state = sel.options[sel.selectedIndex].value; 
if (state == 'a') { 
document.getElementById("div1").style.display = 'block';
document.getElementById("div2").style.display = 'block'; 
} 
else if (state == 'b'){ 
document.getElementById("div1").style.display = 'block';
document.getElementById("div2").style.display = 'none'; 
} 
else { 
document.getElementById("div1").style.display = 'none';
document.getElementById("div2").style.display = 'none'; 
} 
</script> 
</head> 
<body> 
<select name='Opzione:' onchange="gestore();" id="sel"> 
<option value = 'a' selected> a 
<option value = 'b'> b 
<option value = 'c'> c 
</select> <div id="div1"> ciao </div> 
<div id="div2"> mondo </div>
</body> 
</html>