Problema con autocompletar un input

[mimis_grande20]

En realidad se muy poco de javascript por no decir que nada, tengo un problemilla necesito autocompletar un input que si funciona, pero en base a la eleccion en este se llena un segundo input. el codigo que tengo es el siguiente:

en mi index:

Código HTML:

<form name="consumi" method="get" action="usuario.php">
                                                                        <input type="hidden" value=Mi_Comida name=Mi_Comida>
                                                                        <input type="hidden" id="botcon" value=Cargar_Alimento name=Cargar_Alimento>
                                                                           
                                                                        <table id=tablaform><tr><td><label id=op3>Tipo de alimento:</label></td>
                                                                        <td>
                                                                        <select name="tipo" id=op>
                                                                        <option selected>--Selecciona--</option>
                                                                        <option>Desayuno</option>
                                                                        <option>Almuerzo</option>
                                                                        <option>Comida</option>
                                                                        <option>Cena</option>
                                                                        </select>
                                                                        </td><tr>
                                                                        <tr><td>
                                                                        <label id=op3>Consumi:</label></td><td> <input name="tag" type="text" id="tag" size="20"/><br></td></tr>
                                                                        <tr><td><label id=op3>Hora de consumo: </label></td><td> <input name="hr" type="text" id="op" size="20"/><br></td></tr>
                                                                        <tr><td><label id=op3>Cantidad: </label></td><td> <input name="cantidad" type="text" id="op" size="20"/><br></td></tr>
                                                                        <tr><td><label id=op3>Medida: </label></td><td> <input name="medida" type="text" id="op" size="20"/><br></td></tr>
                                                                        <tr><td>
                                                                        <br><br>
                                                                        <input type="submit" name="No comi" value="No comi" id="botcon"/></td><td>
                                                                        <br><br>
                                                                        <input type="submit" name="Agregar" value="Agregar" id="botcon"/></td></tr></table>';
 

el script es:

Código Javascript:

<script>
     $(document).ready(function(){
      $("#tag").autocomplete("autocomplete.php", {
            selectFirst: true
      });
     });
</script>
 

y autocomplete contiene:

Código PHP:

<?php
 $q=$_GET['q'];
 $my_data=mysql_real_escape_string($q);
 $mysqli=mysqli_connect('localhost','root','123','salud') or die("Database Error");
 $sql="SELECT nombre FROM alimento WHERE nombre LIKE '$my_data%' ORDER BY nombre";
 $result = mysqli_query($mysqli,$sql) or die(mysqli_error());
 
 if($result) {
  while($row=mysqli_fetch_array($result))
  {
   echo $row['nombre']."\n";
  }
 }
 
     echo "No existe, da clic <br>en agregar a la lista";
 
 
?>
 

Necesito ayuda urgentemente

[quimfv]

Tienes un problema de concepto, perimero no puedes autocompletar algo que depende de una acción del cliente antes de que el cliente haga lo que tiene que hacer (lo intentas hacer onDocument ready) y segundo cuando autocompletes debes pasar el dato de lo que ha hecho el cliente.

Luego la función que llama a "autocomplete.php" debe ejecutarse cuando el cliente haya hecho su elección en el imput anterior, (onBlur de ese imput seria el evento). Luego cuando llames a autocomplete.php debes pasarle el valor que he elegido el cliente, fijate que autocomplete.php lee un parametro 'q' por get.

'autocomplete.php?q='+this.value

[mimis_grande20]

Creo que si comprendo, bueno el primer input llamado tag si me da la opcion de autocompletar, pero quiero que el input medida, se carge con la medida almacenada en la bd en base al input tag como seria para hacer eso, el autocompletar si me funciona....gracias

[quimfv]

Código HTML:

<input name="tag" type="text" id="tag" size="20" onblur="funcionLoad('zona','busacamedia.php?tag='+this.value)" />
.....
<td id="zona"><label id=op3>Medida: </label></td><td> <input name="medida" type="text" id="op" size="20"/><br></td>
 

busacamedia.php

Código PHP:

<?php
//inicias session
//recuperas o creas la conexion a la bbdd
 
$tag="";
$media="";
if(is_set($_GET['tag'])) $tag=$_GET['tag'];
 
if($tag!=""){
///Construyes la query con el valor de $tag
///Ejecutas la query
///recuperas el valor y lo asignas a $media
}
?>
 
<label id=op3>Medida: </label></td><td> <input name="medida" type="text" id="op" size="20" value="<?php echo $madia;?>"/><br>
 

el evento onblur debe lanzar una funcion que refresque asincronamente la zona donde tienes el imput que quieres que reciba el valor. El esquema del fichero que recupera el valor seria el que he puesto.... simplemente substituye el contenido de la celda por el imput con valor si lo ha podido recuperar.

Busca load de jquery para crear la función, los dos parametros deben ser la zona a refrescar y el fichero origen con los valores necesarios pera que se pueda ejecutar. Esa función podria servirte para otros luegares donde debas hacer algo similar. Onblur quizas tambien se puede llamar dedes jquery, es que no lo uso....