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
