como puedo mostrar un div oculto al meter datos en un formulario ??

Mr.Know · 16 Octubre 2011, 17:08 PM

Hola, vereis os pongo un esquema de como tengo montado el formulario:

Lo que llevo varios dias tratando de conseguir es que, los div del 2 al 7 estan ocultos. unicamente se muestra el div 1. Y lo que pretendo es que cuando se seleccione una opcion del SELECT del div 1, se muestre el div 2. Cuando el INPUT del div 2 se introduzca un dato se ative el div 3... y asi uno a uno...

un saludo

Mr. Crowley · 17 Octubre 2011, 23:55 PM

Un ejemplo sencillo, con JQuery. De aquí en adelante lo adapta para jugar con los otros divs

Código (html4strict) [Seleccionar]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title></title>
 <style type="text/css">
  #divPrueba{
   display:none;
  }
 </style>
</head>

<body>
 <select id="selUno">
  <option value="">-- Seleccione su opcion --</option>
  <option value="Opcion uno, hola">Opcion uno</option>
  <option value="Opcion dos, mundo">Opcion dos</option>
  <option value="Opcion tres, prueba">Opcion tres</option>
 </select>
 <div id="divPrueba">Estoy oculto</div>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 <script>
  $(document).ready(function(){
   $('#selUno').change(function(){
    if($('#selUno').val()==''){
     $('#divPrueba').css('display','none').html('Otra vez estoy oculto');
    }else{
     $('#divPrueba').css('display','block').html($(this).val());
    }
   });
  });
 </script>
</body>
</html>

Test Foro de elhacker.net SMF 2.1

como puedo mostrar un div oculto al meter datos en un formulario ??

Mr.Know

Mr. Crowley