Hola amigos, tengo un pequeño problema que no logro resolver, os comento:
Tengo un select y quiero que con dicho select se me oculten las capas de esta manera:
<select name="opcion">
<option >Seleccione su opción...</option>
<option>opcion1</option>
<option>opcion2</option>
<option>opcion3</option>
<option>opcion4</option>
</select>
Donde la opción 1 2 3 se muestra una capa y la opcion 4 oculta la capa, logicamente al volver a darle a una de las tres primeras opciones vuelva a mostrar la capa, tengo el siguiente codigo pero no me funciona como esperaba:
Código HTML:
<head>
<script language=javascript>
var actual = "DIV1";
function tag(id) {
return document.getElementById(id);
}
function mostrar(capa) {
tag(actual).style.display = "none";
actual = capa;
tag(actual).style.display = "block";
}
</script>
</head>
<body>
<select onchange="mostrar(this.value)">
<option value="DIV1">opcion1</option>
<option value="DIV1">opcion2</option>
<option value="DIV1">opcion3</option>
<option>opcion4</option>
</select>
<div id="DIV1">Esta es la capa que muestran solo los tres primeros option</div>
</body>