POST REPETIDO: http://www.forosdelweb.com/f13/ayuda-857191/ http://www.forosdelweb.com/f13/mostr...ciione-857198/
favor no repetir el mismo tema.
independientemente de lo que uses (jsp, asp o php) debes de conocer las características de un formulario (X)HTML para que así puedas interactuar con el.
lo que necesitas es capturar el evento onchange del select (lo que seria el dropdownlist):
<select onchange="mostrar(this.value);">...
y crear una función en donde pases el elemento seleccionado y recorrer en un ciclo todos los demás elementos (capas) que quieres mostrar u ocultar, y para ello debes declararlos en un Array, o usar algún truco como este:
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.oculta{
display:none;
}
</style>
<script type= "text/javascript">
function mostrar(value_elemento){
var total = 3; //total de mis capas
var elemento;
for(var i=1; i <= total; i++){ //desde 1 para no tomar en cuenta el primero
elemento = document.getElementById('capa'+i);
if (i == value_elemento){
elemento.style.display="block";
}else{
elemento.style.display="none";
}
}
}
</script>
</head>
<body>
<div class="oculta" id="capa0"> </div>
<div class="oculta" id="capa1">capa1</div>
<div class="oculta" id="capa2">capa2</div>
<div class="oculta" id="capa3">capa3</div>
<form>
<select onchange="mostrar(this.value);">
<option value="0">[seleccione]</option>
<option value="1">uno</option>
<option value="2">dos</option>
<option value="3">tres</option>
</select>
</form>
</body>
</html>
