Si se te complica trabajar con ese código, tengo otro que hice con JavaScript nativo. Puedes copiarlo desde
aquí.
Básicamente necesitas añadir en el documento HTML el archivo con dicho código:
En otro archivo, necesitas crear la instancia del objeto:
Código Javascript
:
Ver originallet inputBuscar = document.querySelector("#idInput"), //<input> en donde se escribirá
autocomplete = new autocomplete(); //Instancia del objeto
autocomplete.load({
words: "buscar.php", //Archivo en donde se realizará la búsqueda
target: inputBuscar, //<input> en donde se escribirá y mostrarán los resultados
value: "name" //Nombre del índice que contiene el dato a mostrarse
});
Y un archivo en el lado del servidor en donde se realizará la búsqueda en la base de datos:
Código PHP:
Ver original$dato = $_GET['term'];
$query = "SELECT fullName FROM employees WHERE name LIKE '%$dato%'";
$respuesta = [];
$respuesta[] = ['name' => $rows['fullName']];
}
}
En síntesis, se realiza una búsqueda en el archivo PHP a partir del dato escrito en la caja de texto, y todos los resultados se guardan en un arreglo que luego se devuelve como un objeto JSON, el cual, finalmente, será empleado por el objeto
autocomplete para mostrar los datos debajo de la caja de texto en donde se escribió el dato a buscar.
No olvides que el de arriba es código
de ejemplo. Es necesario que lo adaptes a lo que tienes para que funcione.
