Foros del Web - Ver Mensaje Individual - Necesito una mano para un formulario html interactivo

DoctorHTML · #3 (**permalink**) 08/03/2013, 11:26

Eso se podria hacer con jQuery, le tendrias que poner un id a los select y a los <tr> pero es fácil... Te paso el código:

Código Javascript:

Ver original$(document).ready(function() {
  $('.opcion2').click(function(){
    $('.tropcion1').css('display','none');
    $('.tropcion2').css('display', 'block');
});
 
  $('.opcion1').click(function(){
    $('.tropcion2').css('display','none');
    $('.tropcion1').css('display', 'block');
});
 
});

Y el html :

Código HTML:

Ver original<form method="post">
<table>
<tr>
Escoja opcion<select name="tipo" size=1 >
<option value="opcion1" class="opcion1">opcion 1</option>
<option value="opcion2" class="opcion2">opcion 2</option>
</select>
</tr>
<!-- Aqui es donde quiero que si se ha seleccionado la opcion1 del
select muestre esto -->
<tr class="tropcion1">
    <td>Introduzca su edad:<input type="text" id="edad" name="edad"/></td>
</tr>
<!-- O si se ha seleccionado la opcion2 del select muestre esto otro -->
<tr class="tropcion2">
    <td>Introduzca su nombre:<input type="text" id="nombre" name="nombre"/></td>
</tr>
</table>
</form>

Recuerda que para usar jQuery tienes que añadir el framework en el <head>

Un saludo