Select que muestra y oculta capas

[hurricane]

Hola a tod@s,

Quiero hacer un formulario que dependiendo de la opción elejida de un select me muestre unas capas u otras. En total hay tres capas, siempre habría que mostrar una y ocultar las otras dos ¿alguien sabe como puedo hacer esto o alguna página donde pueda ver el código?

Muchas gracias

[caricatos]

Hola:

Se puede plantear de distintas maneras, pero te voy a plantear un sistema que yo suelo aplicar...

Pongo distintos atributos para los elementos que quiero mostrar/ocultar... en concreto uso el class...

Luego con el onchange del select muestro/oculto...

Ejemplo escueto:

<div id="contenedor" >
<div class="tipo1" >
contenido de esta capa
</div>

<div class="tipo2" >
contenido de esta capa
</div>

<div class="tipo3" >
contenido de esta capa
</div>

<div class="tipo1" >
contenido de esta capa
</div>
</div>

... Luego el select:

<select onchange="mostrar(this.value)">
<option value="tipo1" > tipo 1 </option>
<option value="tipo2" > tipo 2 </option>
<option value="tipo3" > tipo 3 </option>
</select>

y la función mostrar()

function mostrar(segunClase) {
var capas = document.getElementById("contenedor").getElementsB yTagName("div");
for (var i = 0, total = capas.length; i < total; i ++)
capas[i].style.display = (capas[i].className == segunClase) ? "block" : "none";
}

Lo puse "a capella" así que puede tener errorres, pero importa que entiendas la idea.

Saludos

[hurricane]

Muchas gracias por la ayuda. Me ha sido de gran utilidad