JQUERY: Selects Anidados Dinámicos

Les quiero enseñar un ejemplo que anteriormente lo realice con AngularJS lo pueden visualizar aqui  es casi la misma lógica en cuestión que tienes un AJAX y mandas las petición al servidor para posteriormente obtener un JSON y pintarlo en nuestro HTML, incluso use la misma tabla y el mismo archivo PHP.

Primero que nada nuestro HTML lo tenemos de la siguiente forma:

Ahora procedemos con nuestro archivo JavaScript:

y por ultimo nuestro archivo PHP esta se la siguiente forma:

Pudimos llenar dos selects por medio de una consulta PHP retornandola en un JSON, y con un evento change obtuvimos el valor del primer objeto select para después ejecutar el segundo método donde vamos y consultamos a la BD para otra vez retornar un JSON de nuestro PHP.

Pueden ver el ejemplo funcionar AQUI

Conclusión : Al inicio puede ser difícil de entender pero una vez que lo intentas tu mismo se re hará sencillo y lo entenderás mejor, cualquier duda o aclaración puedes dejarme un comentario.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.