Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/08/2014, 05:50
alx1417
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 36
Antigüedad: 13 años, 6 meses
Puntos: 5
Respuesta: Autocompletar Input

Para el primer input te recomiendo el autocomplete de jquery http://jqueryui.com/autocomplete/#default
Haces la consulta a la BD y le pasas los datos al js, algo parecido a esto:

Código Javascript:
Ver original
  1. <script>
  2. //PROVINCIAS
  3. var arrProv=new Array();
  4. <?//Conexion BD
  5. require_once $_SERVER['DOCUMENT_ROOT']."/inc/lib/core/conn.lib.php";                           
  6. $sql="SELECT Provincia FROM Provincias";
  7. $result = $conn->query($sql);
  8. $i=0;
  9. while($fila=$result->fetch(PDO::FETCH_ASSOC)){
  10.     ?>arrProv[<?=$i?>]="<?=utf8_encode($fila['Provincia'])?>";<?
  11.     $i++;
  12. }?>
  13. $(function(){
  14.     $('#formServicios2 #provincia').autocomplete({
  15.         source: function(request, response ) {
  16.                     var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
  17.                     response($.grep(arrProv, function( item ){
  18.                         return matcher.test( item );
  19.                     }))
  20.                  },
  21.         autoFocus: true,
  22.         minLength:2,
  23.         autoFill:true,
  24.         selectFirst:true,
  25.         delay:0
  26.     });
  27. </script>

Y para el segundo input, puedes comprobarlo con “onchange” del primer input o “onfocus” del segundo input, en cualquiera de esos dos momentos recoges el valor del input uno y haces lo que tengas que hacer con él.

Si has de consultar a base de datos ten en cuenta que tendrá que ser con ajax.

Cuando tengas algo hecho, pon tu código y te podremos seguir ayudando.

Saludos, Alex.