selects_dependientes_jquery_y_phpSelects dependientes o dinámicos es una funcionalidad utilizada principalmente para el filtrado de datos sobre todo en sistemas administrativos y en algunas ocasiones en formularios de registro o contacto, por lo general se utiliza jQuery AJAX para evitar recargar la página sobre la que estamos efectuando la operación, si no dominas esta técnica te sugiero visitar la serie de tutoriales de jQuery en la que podrás realizar ejercicios sencillos y dominar jQuery.ajax().

Para este ejemplo utilizaremos jQuery y como lo hemos hecho a partir de el post Desarrollando interfaz de usuario con jQuery, php y mysql manejaremos el potente gestor de plantillas Twig que nos permite mantener separado el código PHP y HTML.

Implementación de selects dependientes

En esta ocasión implementaremos nuestros selects dependientes en una ventana modal lo que nos permitirá en determinado momento pasar los valores obtenidos a otro contenedor. Para este pequeño tutorial utilizaremos con fuente información una bases de datos con dos tablas tbl_estados y tbl_municipios que estarán relacionadas por medio del id_estado – no olvides que todo el código estará disponible en mi repositorio de github, para el diseño de la interfaz utilizaremos Twitter Bootstrap , jQuery UI y para la funcionalidad jQuery.ajax(), PHP y la base de datos MySQL

En conclusión la implementación de selects dependientes es muy sencilla y debe ser manejada de forma eficaz, esto quiere decir que no siempre se debe implementar, todo depende de la necesidad de nuestra aplicación y del tamaño de las tablas a relacionar. No hay que olvidar que esta funcionalidad no siempre debe ser con AJAX, también se puede desarrollar cargando los datos a un array en javascript lo que en determinado momento se traduce en velocidad de respuesta ya que se ejecuta del lado del cliente y no del servidor como lo hacemos en este ejemplo.

¿Te ha agradado este artículo?

Te invito a compartirlo en tus redes sociales o en su defecto a registrarte en mi newsletter en donde recibirás información de cada nuevo post o tutorial que publique.