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>
nel codice non chiudi le opion </option>
