Autocompletar Input

[alx1417]

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:

<script>
//PROVINCIAS
var arrProv=new Array();
<?//Conexion BD
require_once $_SERVER['DOCUMENT_ROOT']."/inc/lib/core/conn.lib.php";                            
$sql="SELECT Provincia FROM Provincias";
$result = $conn->query($sql);
$i=0;
while($fila=$result->fetch(PDO::FETCH_ASSOC)){
    ?>arrProv[<?=$i?>]="<?=utf8_encode($fila['Provincia'])?>";<?
    $i++;
}?>
$(function(){
    $('#formServicios2 #provincia').autocomplete({
        source: function(request, response ) {
                    var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
                    response($.grep(arrProv, function( item ){
                        return matcher.test( item );
                    }))
                 }, 
        autoFocus: true, 
        minLength:2, 
        autoFill:true, 
        selectFirst:true,
        delay:0
    });
</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.