Mostrar y ocultar 2 divs

[AbdelioR]

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.

[ZiTAL]

en vez de con visibility prueba con display: none y display: block

[jfontane]

Mira uno anda en iexplore y en mozilla no y viceversa. fijate.

Salu2
Javier

[Panino5001]

El problema es que estás referenciando con document.nombreFormulario.nombreElemento, pero en lugar de usar el nombre (atributo name) estás usando el atributo id. Como explorer confunde name con id es posible que funcione en ese navegador, pero en el resto de los navegadores no.