Autocompletado de Múltiples campos Usando jQuery , Ajax , PHP y MySQL

En este tutorial voy a mostrar cómo rellenar varios campos de texto usando el plugin autocomplete de jQuery. Por ejemplo, yo voy a buscar el código de un producto que se encuentra almacenado en mi base de datos usando jQuery autocomplete, el resultado mostrará la lista de nombres de productos que coinciden con la búsqueda. Durante la selección del nombre del producto a partir de cualquiera de los resultados de la búsqueda, se rellenará automáticamente en su respectivo campo los siguientes datos: el código del producto, nombre del producto, precio del producto y el id del producto que se rellenará en un campo oculto.

Paso 1: Crear su base de datos, para el ejemplo se ha utilizado una llamada test

Paso 2: Importar la tabla productos a la base de datos

 

Paso 3: Crear archivo index.html para el jQuery Autocomplete

 

Paso 4: Crear el archivo llamado productos.php que procesará los datos enviados por el jQuery Autocomplete.

DESCARGAR ARCHIVOS
Listo ahora sólo hay que probar el script un tu servidor web.