live search php

[Alexis88]

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:

Código HTML:

<script type="text/javascript" src="autocomplete-5.0.js" />
 

En otro archivo, necesitas crear la instancia del objeto:

Código Javascript:

let 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:

$dato = $_GET['term'];
$query = "SELECT fullName FROM employees WHERE name LIKE '%$dato%'";
$results = mysqli_query($connection, $query);
$respuesta = [];
 
if (mysqli_num_rows($results)){
    while ($rows = mysqli_fetch_assoc($results)){
        $respuesta[] = ['name' => $rows['fullName']];
    }
}
 
echo json_encode($respuesta);
 

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.