Combobox 3 niveles "continente, país y ciudad" PHP y MySQL

Combobox 3 niveles continente, país y ciudad PHP y MySQL

Combobox 3 niveles "continente, país y ciudad" PHP y MySQL. De una manera sencilla veremos cómo usar listas desplegables de 3 niveles para nuestros proyectos web, se puede implementar en varias áreas, en este artículo lo usaremos para continentes, países y ciudades.

En este código consiste en 3 etiquetas select o combobox del lenguaje HTML, pero estas etiquetas del mismo tipo están relacionados entre sí, de tal forma, que los datos del segundo select están relacionados con el primero y los datos del tercero están relacionados con el segundo.

Índice
  1. Combobox 3 niveles "continente, país y ciudad" PHP
    1. Ficheros que componen nuestro ejemplo
    2. Conclusión
    3. Descargar

Combobox 3 niveles "continente, país y ciudad" PHP

El primer SELECT llamado Continentes. Por lo tanto, si elijo un continente se llena el segundo select llamado países con datos. Ahora, si elijo un país se llena datos de las ciudades de dicho país seleccionado.

Mostramos una imagen:

Combobox 3 niveles
Combobox 3 niveles

En este ejemplo dejaremos datos vacíos en las tablas MySQL, existe una opción para agregar registros en los tres SELECT. Para cargar los datos en los SELECT usaremos continente, país, ciudad.

Ficheros que componen nuestro ejemplo

Mostraremos los elementos del fichero comprimido tras la descarga del mismo.

  • php_combo.sql: Fichero que contiene las tablas MySQL que usaremos para almacenar registros y consultar los datos.
  • Conexion.php: Archivo que contiene la conexión con el servidor MySQL.
  • index.php: Fichero inicial que cargara todos los datos.
  • Nuevo.php: Agrega registros a la base de datos
  • Agregar.php: Las peticiones POST y envíos.
  • Paises.php: Recibe un id de país y muestra resultados
  • Ciudades.php: Recibe un id de ciudades y devuelve todas las ciudades en el select.
Combobox 3 niveles
Combobox 3 niveles

Conclusión

  • Quisiera desearles éxitos en sus proyectos web y que esta información les sirva en abundancia.
  • Agradecerles por su visita y no se olviden se suscribirse en este Blog.

Descargar

Datatables Dropdown PDO, ServerSide, Responsiva

ServerSide
Responsiva adaptable
Opciones de exportación Dropdown
Mensajes usando SweetAlert2
Acciones (Editar, Agregar, Ver, Eliminar)

  PHP: Propiedades de Protected y Private

Si quieres conocer otros artículos parecidos a Combobox 3 niveles "continente, país y ciudad" PHP y MySQL puedes visitar la categoría ¿Qué es PHP y cómo funciona?.

Nestor Tapia

Bloggero, amante de la programación PHP, innovador y me fascina compartir información. Desde que conocí el entorno informatico y el internet me llamó la atención la programación, Por tal motivo he creado mi blog BAULPHP.COM para compartir mis experiencias con todos ustedes. ¡Gracias por leerme!.

    10 Comentarios

  1. Martin Gorgojo dice:

    Hola Nestor:
    ¿Seria posible que los resultados del tercer nivel del combobox se reflejaran en una tabla en vez de en un select?
    Gracias por anticipado.

  2. Patricio dice:

    Consulta, ¿como seria la opcion para editar?, o sea que al editar el formulario traiga las opciones que se definieron al momento del alta y uno las puedas modificar y guardar?

    Gracias!

    Patricio

  3. michel dice:

    Excelente iniciativa. La internet se hace más inteligente gracias a personas altruistas como tú. Gracias por compartir

  4. Marg dice:

    Hola, no tendras en java , jsp Combobox 3 niveles

  5. alberto dice:

    Impresionante, llevaba dias buscando algo asi.
    Pero me gustaria saber si es posible o como seria que cuando cambie el pais, aparte de dejarte elejir la ciudad, ponga en un textbox o un label la poblacio de ese pais por ejemplo.

    Eh agregado a la tabla pais un campo que se llama habitantes, y al index un label y al javascript un evento cuando pais cambie, pero no me funciona.....:(

  6. Virgi dice:

    Muy bueno, gracias por compartirlo

  7. Luis Palma dice:

    Que tal!. Muy buen aporte. Por favor, quisiera saber cómo agregas un par de campos extras en el index. Por ejemplo nombre_persona y fecha. Luego grabar estos datos junto al Continente, País y ciudad. Me imagino que en la base de datos agregamos un par de campos en Combo, pero algo no me resulta.

  8. sergio dice:

    Tengo una duda, ¿de que sirve el archivo js que tiene el proyecto?

  9. johanna dice:

    EL LINK NO FUNCIONA

    1. BaulPHP dice:

      Hola Johanna

      Intenta nuevamente. Ya esta disponible, gracias por reportar!.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web protege su privacidad al adherirse al Reglamento General de Protección de Datos de la Unión Europea (GDPR). No utilizaremos sus datos para ningún propósito que no haya dado su consentimiento. Obtenga más información en nuestra página política de privacidad