Hola, tengo un problema con el onChange.
Tengo 2 listas/menu. La lista2 depende del valor que haya seleccionado el usuario en la lista1, de forma que si en lista1 ha seleccionado "Hotel", en lista2 aparecerán 3 posibles valores "3 estrellas", "2 estrellas", "1 estrella".
Si en lista1 lo que selecciona es "Restaurante" lista2 cambiará para las posibles categorías "3 tenedores", "2 tenedores", "1 tenedor"
Todo esto lo esty haciendo de forma estática, pero no sé que estoy haciendo mal...
Os pongo el código a ver si podeis echarme una mano.
Código PHP:
<form name="formulario" method="post" action="procesar_marca.php" onsubmit="return validar()">
<div id="nombre">
<table><tr><td>
<label>Nombre:</label>
<label><input name="nombre" type="text" size="50" /></label>
</td></tr><tr><td>
<label>Tipo:</label>
<label><select name="tipo" onchange="getcategoria();return false">
<option selected>Hotel</option>
<option>Tiendas de ropa</option>
<option>Bares y cafeterias</option>
</select>
</label>
</td></tr></table>
</div>
<div id="hotel" style="display:block;">
<label>Categoria:</label>
<label><select name="cathotel" >
<option selected>4 Estrellas</option>
<option>3 Estrellas</option>
<option>2 Estrellas</option>
<option>1 Estrella</option>
</select>
</label>
</div>
<div id="tiendasropa" style="display:none;">
<label>Categoria:</label>
<label><select name="cattiendasropa" >
<option selected>Deporte</option>
<option>Informal</option>
</select>
</label>
</div>
<div id="bares" style="display:none;">
<label>Categoria:</label>
<label><select name="catbares" >
<option selected>Bar</option>
<option>Cafeteria</option>
</select>
</label>
</div>
<div id="termalismo" style="display:none;">
<label>Categoria:</label>
<label><select name="cattermalismo" >
<option selected>Gratis</option>
<option>Pago</option>
</select>
</label>
</div>
y el javascript
Código:
<script type="text/javascript">
function getcategoria()
{
var categoria;
categoria = document.getElementById('tipo');
document.getElementById('hotel').style.display='none';
document.getElementById('tiendasropa').style.display='none';
document.getElementById('bares').style.display='none';
alert("Hola");
switch(categoria)
{
case "Hotel":
alert("Hola2");
document.getElementById('hotel').style.display='block';
break;
case "Tiendas de ropa":
alert("Hola3");
document.getElementById('tiendasropa').style.display='block';
break;
case "Bares y cafeterias":
document.getElementById('bares').style.display='block';
break;
}
}
</script>
Cualquier ayuda es bien recibida. Gracias.