Como llenar un select dependiente con Ajax en php

Las aplicaciones web modernas llevan a una tendencia a utilizar mucho Javascript ya que posee muchas funciones que hacen de la navegación una mejor experiencia para el usuario.

Una de las funciones más utilizadas en Ajax ya que permite mostrar información dinámica sin que el usuario deba dejar la hoja que esta viendo en ese momento.

Esta vez les quiero mostrar un ejemplo sencillo de como llenar un select dependiente de otro, para esto también vamos a utilizar la librería JQuery.

Empecemos por crear las dos tablas que vamos a utilizar, en una tengo unas bandas de rock y en la otra algunos discos que pertenecen a las bandas.

 

Ahora vamos a crear 3 archivos php, uno será solo para la conexión con la base de datos, un index.php y otro get_discos.php donde obtendremos las opciones del segundo select.

con_db.php

 

index.php

 

get_discos.php

Este es un ejemplo sencillo, al final el ejemplo es como esto:

Espero que sean explicatorios los comentarios que hago en el código, si hay dudas por aqui estoy.

CODIGO FUENTE

Etiquetas:
Un comentario

Deja un comentario