Mostrar tabla con select y radio button

Teufel · #1 (**permalink**) 26/06/2005, 08:35

Estoy haciendo un formulario y necesito que cuando escoja una opcion del menu select me aparezca una tabla con otros campos, al igual en otra forma necesito ke al marcar el radio button me desplegue una tabla con otros campos. Alguien me podria ayudar?

Gracias!

JavierB · #2 (**permalink**) 26/06/2005, 08:44

Hola Teufel

Puedes tener la tabla oculta:

<table id="pepe" style="display:none">

Para hacerla aparecer usas este código:

document.getElementById('pepe').style.display = 'block';

Espero que te sirva. Saludos,

Teufel · #3 (**permalink**) 26/06/2005, 09:08

Cita:

Iniciado por JavierB

Hola Teufel

Puedes tener la tabla oculta:

<table id="pepe" style="display:none">

Para hacerla aparecer usas este código:

document.getElementById('pepe').style.display = 'block';

Espero que te sirva. Saludos,

mmmmmmmm... medio le cache... pero donde pongo cada cosa? no usa funcion para aparecer y desaparecer? como lo aplico en los radio buttons?

JavierB · #4 (**permalink**) 26/06/2005, 09:32

Hola de nuevo.

Te pongo un código de ejemplo:

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
function mostrar(num) { 
  document.getElementById('pepe').style.display = (num==0) ? 'none' : 'block'; 
} 
</script> 
</head> 
<body> 
<p>Mostrar: <input type="radio" name="rad" onclick="mostrar(1)" /> 
Ocultar: <input type="radio" name="rad" checked="checked" onclick="mostrar(0)" /></p> 
<table id="pepe" style="display:none"> 
<tr><td>Algo</td></tr> 
</table> 
</body> 
</html>

Saludos,

Teufel · #5 (**permalink**) 26/06/2005, 13:33

Cita:

Iniciado por JavierB

Hola de nuevo.

Te pongo un código de ejemplo:

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
function mostrar(num) { 
  document.getElementById('pepe').style.display = (num==0) ? 'none' : 'block'; 
} 
</script> 
</head> 
<body> 
<p>Mostrar: <input type="radio" name="rad" onclick="mostrar(1)" /> 
Ocultar: <input type="radio" name="rad" checked="checked" onclick="mostrar(0)" /></p> 
<table id="pepe" style="display:none"> 
<tr><td>Algo</td></tr> 
</table> 
</body> 
</html>

Saludos,

Excelente... GRacias...

Seria mucha molestia si me pones un ejemplo con el select?

gracias.

JavierB · #6 (**permalink**) 28/06/2005, 01:57

Rehola.

Código:

<select onchange="mostrar(this.value)">
<option value=1>Mostrar</option>
<option value=0>Ocultar</option>
</select>

Saludos,

Teufel · #7 (**permalink**) 29/06/2005, 09:09

Cita:

Iniciado por JavierB

Rehola.

Código:

<select onchange="mostrar(this.value)">
<option value=1>Mostrar</option>
<option value=0>Ocultar</option>
</select>

Saludos,

Gracias x el ejemplo...

Pero cuando agrego otros menus con values distintos la tabla se queda desplegada... como podria solucionar esto?

Gracias...

JavierB · #8 (**permalink**) 29/06/2005, 09:38

Esta vez no he entendido

De todas formas el código para ocultar/mostrar ya lo tienes, todo es cuestión de llamarlo en el momento adecuado.

Saludos,