autocomplete con jquery

[javitineo]

Hola, tengo un input que uso como autocompletable con la libreria jquery para mostrar ciudades.
luego tengo otro input autocompletable para sacar calles...cada uno tira de un archivo php independiente con una consulta a la base de datos.


lo ideal sería que pudiese sacar en este 2º input las calles DE la ciudad elegida en el primer input, no de todas las ciudades a la vez. ¿es posible esto?

[doylelives]

Simple, la funcion del 2° input debería leer el valor del 1° input antes de realizar la consulta a la BD, a la query, en ese caso, podrias agregarle la condición
where idCiudad="valor1°input"

[javitineo]

si gracias, el tema es como pasarle el valor del input.
ese input usa una función jquery para autocompletarlo que recoge el parametro $_GET["q"] para hacer la consulta.
Este "q" es el valor del propio input, pero yo necesitaría pasarle el valor del otro input y no se como hacerlo puesto que todo se hace sin hacer ningún postback....

[caricatos]

Tema movido desde javascript

[mayid]

Pasasela por GET. Siempre que hagas una consulta a PHP vas a tener un nombre de archivo, asi que sugiero que cambies dinamicamente ese nombre, y le pases una variable GET:

procesador.php?ciudad=Malaga

Fijate también si tu plugin no te permite pasar las variables en una linea aparte, sin usar el "?".

[hector2c]

yo uso autocomplete de jquery y no hay problemas al pasar variables por $_GET, se pueden recuperar sin problemas!

Código PHP:

  $nom_pai = $_GET['nom_pai']; 
$sql = "select * from ciudad where nom_pai='$nom_pai'"; 
$ciu = mysql_query($sql); 
whil($rs_ciu = mysql_fetch_assoc($ciu)){ 
  /* toda tu impresión */ 
}  
   

[javitineo]

ante todo muchas gracias a todos por intentar ayudarme.

lo que decis es correcto, pero el problema es que los 2 input tienen un autocomplete cada uno que trabajan digamos...en paralelo.
1- MUNICIPIO.....
2- CIUDAD...

Uno se completa con una consulta que busca municipios y el 2º debería sacar ciudades del municipio elegido en el primer autocomplete, pero que ahora sólo saca calles sin filtrado por municipio.

Puede acceder a los $_REQUEST pero sólo tienen los valores que había al aparecer la pantalla de los inputs y no los valores que los autocompletes dejan en los inputs....

es lógico pues el javascript se ejecuta en el cliente, pero seguro que hay algo que se pueda hacer con jquery para acceder a ello...no se si me expliqué mejor ahora.

[hector2c]

hola javitineo, debes usar ajax!, una vez escojido el país (puedes controlarlo con un keypress, change, etc), ejecutas el ajax y vuelves a construir el segundo input de ciudades con autocomplete, en caso tengas algun problema puedes agregarme a [email protected]... suerte...

[javitineo]

gracias, ya me imaginaba que había que hacerlo con ajax, ¿tendrás un ejemplo o un sitio donde puedan explicar como hacerlo?

[mayid]

Es que si estás usando autocompletado ya estás usando ajax!

La función del autocompletado acepta un callback. Y podes ejecutar lo que quieras al recibir respuesta del lado servidor.

Tu segunda llamada al autocompletado (ajax) ya tiene la posibilidad de restringir la busqueda. Solo es necesario pasar un parametro adicional, que es el que se recibió anteriormente, en el primer ajax.

Por favor publica tu codigo asi sabemos de que automcplete se trata. Y de ser posible, el link a la pagina del autor.

[javitineo]

HTML:
Municipio: <input type="text" id="municipio" name="municipio" '.$disabled.' size="30" value="'.$_REQUEST['municipio'].'" />
<span class="calle">Calle:</span> <input type="text" id="calle" name="calle" size="30" />

EL SCRIPT:
<script type="text/javascript">
jQuery().ready(function() {

jQuery("#calle").autocomplete("centros/BuscadorCalles.php?municipio='.$_REQUEST['municipio'].'",
{minChars: 1,
max:25,
width: 200,
highlight: false,
scroll: false,
scrollHeight: 300,
matchContains: true,
autoFill: true,
formatItem: function(row, i, max) {return row[0];}
});
jQuery("#municipio").autocomplete("centros/BuscadorMunicipios.php",
{minChars: 1,
max:25,
width: 200,
highlight: false,
scroll: false,
scrollHeight: 300,
matchContains: true,
autoFill: true,
formatItem: function(row, i, max) {return row[0];}

</script>

Y EL PHP DE UNO DE LOS AUTOCOMPLETE (el lotro es similar)

<?php
//Buscador que devuelve un listado de zonas a partir de una parte de su nombre. Usado por los "textbox" para autorrellenarse
include ("comun/agente_mysql.inc");
$agenteSQL = new agente_bd_work("auth/datos.txt");

//El autorrellenar siempre nos indica en el parámetro "q" lo que ha escrito el usuario
$q = strtolower($_GET["q"]);

if (!$q) return;

//Preparamos la consulta SQL
$queryOriginal = "
SELECT distinct viapobla as calle FROM codpostales ";


$queryOriginal .= " co inner join centros c on c.codlocalidad=co.codlocalidad
inner join codigosmunicipios m on m.codmunicipio=c.codmunicipio and descripcion='".$_REQUEST['municipio']."'";

$queryOriginal .= " where viapobla not like '%CODIGO%' and viapobla like '%".$q."%' order by viapobla";

$queryFinal = $queryOriginal;

$resultado=$agenteSQL->ejecutaselectbucleUNACONSULTA($queryFinal);

while ($row = mysql_fetch_array($resultado) )
{
$calle=$row['calle'];

echo "$calle\n";
}//Fin del WHILE


?>

[mayid]

centros/BuscadorCalles.php?municipio='.$_REQUEST['municipio']

Aqui estas queriendo usar PHP? Pero no hay ninguna llave php como para permitir codigo. Ademas, siendo que usas ajax en la primera consulta, no hay recarga de pagina, y lo que cargues con PHP no será actualizado...

Me parece que esto vale para enviar resultados en la segunda consulta:

extraParams : { ciudad: $("#x").val() }

Pero como obtener los resultados? Yo estoy viendo este ejemplo:
http://jquery.bassistance.de/autocomplete/demo/

Fijate que al seleccionar el mes, este aparece al pie de pagina. O sea que hay una función que maneja la respuesta, pero todavía no se cual es...