Select Dinamico de Estados y Municipios con JQuery y Php

Select Dinamico de Estados y Municipios con JQuery y Php

Select Dinamico de Estados y Municipios con JQuery y Php
3 (60%) 4 votos

Hoy te mostraremos como crear un select dinamico con información precargada de estados y municipios en México, que al seleccionar un estado se carguen en otro combo los municipios asociados a ese estado. Para hacer esto nos apoyaremos en Jquery, php y html, asi mismo para obtener los estados y municipios de mexico cargaremos un archivo con esta informacion que estara disponible mas adelante para tu uso propio.

Lo que haremos..

Como dijimos antes, tendremos 2 select: uno para seleccionar el estado y otro para que, en base a esta seleccion, muestre los municipios asociados a ese estado de la republica mexicana (en este caso).

Haremos uso de Html para los select o combos.

Haremos uso de JQuery para el evento de cambio de seleccion en los combos y llenado de los estados y municipios.

Haremos uso de una archivo PHP con toda la informacion de estados y municipios.


Suscríbete!

Suscríbete a nuestra lista de correo y recíbe los últimos contenidos directamente en tu bandeja de correo electrónico, puedes elegir únicamente de que categoria del blog quieres recibir contenido.

Suscríbeme

Codigo HTML

El codigo html de los dos combos es el siguiente:

Añadiendo JQuery

El código JQuery asociado al llenado de la información de estados y municipios a los combos asi como los eventos de cambio de selección es el siguiente:

Este codigo va dentro de la funcion ready de JQuery

Archivo de Estados y municipios de Mexico

Como puedes ver en el codigo JQuery tenemos una referencia al archivo procesar-estados.php el cual esta cargado con toda la información de estados y municipios de México. También vienen dos métodos que hacen posible el llenado de la información en los select..

Descargar Procesar-estados.php

Eso es todo,

Hasta luego!

Select Dinamico de Estados y Municipios con JQuery y Php

Select Dinamico de Estados y Municipios con JQuery y Php
3 (60%) 4 votos

Dejar un comentario

11 Comments on "Select Dinamico de Estados y Municipios con JQuery y Php"

avatar
  Subscribe  
Notify of
ermi
Guest

muchas gracias

Gustavo
Guest

Muchas gracias, me has salvado!

SSH
Guest

Gracias, ha resultado muy útil!

JOSE
Guest

No logro que me funcione podrias poner el ejemplo funcionando amigo

Cosme
Guest

Falto el ejemplo brother.

Hector
Guest

Tienes el codigo? no me funciona

Jonathan Mejía
Guest

Gracias amigo buen aporte me fue de mucha ayuda.

Gilberto
Guest

Disculpa, ¿tendrás el código completo?, no logro implementarlo. Saludos!