Curso en PHP y MySQL 7: Combobox (Select) dinámicos

Tutorial para desarrollar combobox anidados en PHP cargando datos de MySQL y utilizando jQuery.

 

Requisitos:

En este tutorial aprenderás a crear Combobox (select) anidados dependientes, al seleccionar un combobox el siguiente se cargara con información filtrada de la selecciona anterior.

Para este ejemplo utilizaremos la Base de Datos de RENAPO (Registro Nacional de Población) con los Estados, municipios y localidades de México.

Estructura de carpetas:

En la carpeta del sistema creamos un script con el nombre de conexion.php con el cual creamos la conexión a MySQL:

Ahora creamos el index.php el cual es la pantalla principal donde mostrar las select anidados:

Con jQuery detectamos cuando haya cambiado el elemento del combobox de Estado y enviamos el id del elemento al archivo getMunicipio.php para que este realice la consulta de los municipios dependiendo del Estado y los cargue al combobox de municipio cbx_municipio:

getMunicipio.php (Carpeta includes)

También jQuery detectamos el cambio al combobox de Municipio para cargar las localidades:

getLocalidades.php (Carpeta includes)

El resultado es el siguiente:

Para guarda recomendamos que solo se guarde el ID de la localidad seleccionada ya que las tablas están relacionada y teniendo el id de la localidad podemos saber a que Municipio y Estado pertenece.

guarda.php

 

Después de tener el registro guardado en la base de datos posiblemente queremos modificarlo para eso recibimos el id de la localidad y consultamos en la base de datos a que Municipio y Estado pertenece, para que nos los muestre seleccionados en cada Combobox:

Y para hacer la modificación es similar que el guardado pero en vez de INSERT utilizamos la sentencia UPDATE.

Recuerda suscribirte a nuestro canal de YouTube, ¡¡¡Es Gratis!!!

Tutorial en Vídeo:

Comentarios