Buenas, tengo 2 DIVs y un selector que quiero que muestre una u otra dependiendo de lo seleccionado. El problema es que no se por qué pero no funciona.
Función JS:
Código HTML:
function canvia(){
quadris = document.selquatri.dia; //selector
div1 = document.getElementById("primerq");
div2 = document.getElementById("segonq");
if (quadris.options[0].selected == true) {
div1.style.visibility = 'visible';
div2.style.visibility = 'hidden';
}
else if (quadris.options[1].selected == true) {
div1.style.visibility = 'hidden';
div2.style.visibility = 'visible';
}
}
Divisiones a mostrar y ocultar:
Código PHP:
echo "<div>";
echo "<div id='primerq' style='display:inline'>".$output."</div>";
echo "<br />";
echo "<div id='segonq' style='display:none'>".$output2."</div>";
echo "</div>";
Selector:
Código HTML:
<form name="selquatri" method="post"><p align="center"> Selecciona el quatrimestre
<select name="quatrimestre" id="dia" class="Verdana10" onchange="canvia();">
<option value="1" selected="selected">1er Quatrimestre </option>
<option value="2">2on Quatrimestre </option>
</select>
</p></form>
¿Álguien ve algún error?
+
Gracias.