Ver Mensaje Individual
  #12 (permalink)  
Antiguo 04/11/2008, 07:05
samu22
 
Fecha de Ingreso: abril-2008
Mensajes: 453
Antigüedad: 16 años, 1 mes
Puntos: 16
Respuesta: Control sobre formulario

Código PHP:
<?php

    $form 
'
                <div class="form">
                    <form name="form1" method="post" action="enviar.php">
                        <div class="select">
                            <SELECT name="Busquedas">
                                <option value="texto" onSelect="view(\'#selText\')">Solo texto</option>
                                <option value="numeros" onSelect="view(\'#selNum\')">Solo numero</option>
                                <option value="tyn" onSelect="view(\'#selTN\')">Texto y numeros</option>
                            </SELECT>
                        </div>
                        
                        <div id="selText">
                            <input type="text" name="busqueda" value="">
                        </div>
                        
                        <div id="selNum">
                            <input type="text" name="busqueda" value="">
                        </div>
                        
                        <div id="selTN">
                            <input type="text" name="busqueda" value="">
                        </div>
                        
                    <input type="submit" name="enviar" >
                    </form>
                </div>'
;
echo 
$form;
?>
Código javascript:
Ver original
  1. // En javascript hacemos la funcion view
  2. // Yo uso Jquery para hacer cosas en javascript ya que es mas facil
  3.  
  4. // Primero tenemos que ocultar los campos cuando el archivo se cargue cosa de que no lo vea el usuario
  5.  
  6. $(document).ready(function(){  
  7.  
  8. // Div hide
  9.     $('#selText').hide();
  10.     $('#selNum').hide();
  11.     $('#selTN').hide();
  12.  
  13.     });
  14.    
  15.    
  16. function view(id_){
  17.         $('#selText').hide();
  18.         $('#selNum').hide();
  19.         $('#selTN').hide();
  20.         $(id_).show();
  21.         }