Autocompletar Input

[Neotrike]

Hola, quiero autocompletar un input de un formulario buscando en la base de datos los resultados, y a su vez que me de la posibilidad de que en el siguiente input me asigne solo los valores que corresponde a lo buscado arriba.

Ejemplo:
Comunidad autonoma:
input=(buscado en tiempo real)valencia
provincia
Input2=valencia, castellon o alicante(a elegir)

[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.