Mostrar y ocultar Divs en Formulario.

[Alun]

Una opción sencilla sería ocultarlas directamente con CSS así:

Código CSS:

#c1, #c2, #c3{display:none;}
 

Luego, al seleccionar cada uno de los option dentro del select, puedes mostrarlas y ocultarlas a tu antojo; es tan sencillo como esto:

Código Javascript:

var capamostrar;
var capaocultar1;
var capaocultar2;
function mostrarocultar(){
document.getElementById(idcapaocultar1).style.display = 'none';
document.getElementById(idcapaocultar2).style.display = 'none';
document.getElementById(idcapamostrar).style.display = 'block';}
 

Y el html:

Código HTML:

<select name="oculMenu" class="formularios" id="oculMenu" onChange="oculta_select(this.value);" >
                                    <option value="SL" selected>Seleccione un artículo...</option>
                                    <option value="c1" onClick="capamostrar=c1;capaocultar1=c2;capaocultar2=c3;mostrarocultar();">Libros de Texto</option>
                                    <option value="c2" onClick="capamostrar=c2;capaocultar1=c1;capaocultar2=c3;mostrarocultar();">Literatura (Libros de Lectura)</option>
                                    <option value="c3" onClick="capamostrar=c3;capaocultar1=c2;capaocultar2=c1;mostrarocultar();">Otros</option>
                                  </select>
 

No es un método muy ortodoxo, pero es una buena forma de poder mostrar y ocultar las capas en función de la opción que elijas, y poder intercambiar unas con otras, además de ser sencillo.

Espero haberte ayudado. Mucha suerte: Alun.