Hola amig@s:
Tengo una pagina que no hace lo que quiero:
1) si eleges "selecciona una opcion" se deberian ocultar todos
2) si eliges opcion 1 2 3 sale un formulario (select)
3) si eliges otra opcion (Principal), sale otro formulario distinto, y se tiene que ocultar el anterior
4) si vuelves a seleccionar opcion 1 o 2 o 3, se oculta el formulario principal y se muestra el de opcion 1,2,3
Ademas quiero pasar como variables a php, la eleccion del primer menu y segundo submenu.
Llevo 4 dias navegando pero no encuentro la solucion, me podeis ayudar??
<html>
<head>
<title>Documento sin título</title>
</head>
<script>
function mostrar_ocultar()
{
if (document.formulario.accion.value == "0")
{
document.getElementById('nombre_capa').style.displ ay = "none";
}
else
{
if (document.formulario.accion.value > "0" && document.formulario.accion.value < "4")
{
document.getElementById('nombre_capa').style.displ ay = "block";
}
else (document.formulario.accion.value == "4")
{
document.getElementById('nombre_capa_general').sty le.display = "block";
}
}
}
</script>
<table border='1'>
<tr>
<td width="152">
<form name="formulario" id="formulario">
<select name="accion" id="accion" onChange="javascript
:mostrar_ocultar()">
<option name="accion" id="accion" value="0">- Selecciona una opcion -</option>
<option name="accion" id="accion" value="1">Opción 1</option>
<option name="accion" id="accion" value="2">Opción 2</option>
<option name="accion" id="accion" value="3">Opción 3</option>
<option name="accion" id="accion" value="4">Principal</option>
</select>
</form>
</td>
</tr>
</table>
<p>
<br>
<p>
<div name="nombre_capa" id="nombre_capa" style="display: none;">
<table border='1'>
<tr>
<td width="152">
<select name="select">
<option>A1</option>
<option>A2</option>
<option>A3</option>
<option>A4</option>
</select>
</td>
</tr>
</div>
<div id="test2">
<tr>
<td width="152">
<select name="select2">
<option>B1</option>
<option>B2</option>
<option>B3</option>
<option>B4</option>
</select>
</td>
</tr>
</div>
<div id="test3">
<tr>
<td width="152">
<select name="select3">
<option>C1</option>
<option>C2</option>
<option>C3</option>
<option>C4</option>
</select>
</td>
</tr>
</div>
<tr>
<td>
<input type='submit' value='Ver' name='Ver' style='font-family: Tahoma; font-size: 10pt'></font></p>
</form>
</td>
</tr>
</table>
</div>
<div name="nombre_capa_general" id="nombre_capa_general" style="display: none;">
<table border='1'>
<tr>
<td width="152">
<select name="select">
<option>Z1</option>
<option>Z2</option>
<option>Z3</option>
<option>Z4</option>
</select>
</td>
</tr>
</div>
<tr>
<td>
<input type='submit' value='Ver' name='Ver' style='font-family: Tahoma; font-size: 10pt'></font></p>
</form>
</td>
</tr>
</table>
</div>
<body>
</body>
</html>