Autocomplete Select2 usando jQuery Ajax, PHP y MySQL

El  plugin select2  es un plugins de jquery muy  famoso, con el cual llevo mas de 2 años  trabajando, dicho plugins me es útil para cargar información desde una base de datos en un campo de tipo select.

En un tutorial anterior he explicado como usar un Autocompletado de Múltiples campos Usando jQuery , Ajax , PHP y MySQL puedes verlo en el siguiente enlace:

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

Normalmente suelo utilizar este tipo de plugins cuando requiero cargar una gran cantidad de datos desde una tabla, tales como: información de productos, clientes, categorías, proveedores, usuarios, etc.

Debido a que no podemos cargar todos los datos a la vez ya que será muy difícil para el usuario de nuestra aplicación web, encontrar el elemento de entre varios registros que desee seleccionar, es posible llamarlos vía AJAX.

Para este ejemplo he creado una pequeña tabla “categories”  dentro de una base de datos llamada “test_select2“.  A continuacion la estructura de la tabla:

categories.sql

index.php

ajax.php

Bien ahora sólo resta probar el script un tu servidor web.

 

He creado una entrada para autocompletar datos con solo con JavaScript sin dependencias de jQuery, puedes echarle un vistazo a continuación 

Librería de autocompletado desarrollada con Javascript para Bootstrap 5.

 

DESCARGAR ARCHIVOS