Select dinámico en Laravel usando jQuery (Dropdown dinámico)

En el siguiente videotutorial te muestro cómo hacer un Select dinámico en Laravel usando jQuery.

Antes de comenzar dejame informarte que en un principio pensaba mostrar esto en un solo video, pero para explicarlo mejor lo he dividido en 3 partes por lo tanto verás 3 videotutoriales donde uno complementa a otro. Solo sigue el orden que se muestra a continuación y no te perderás.

Los tres post de ésta mini-serie son:

  1. Select dinámico en Laravel usando jQuery (Dropdown dinámico).
  2. Cómo mantener los datos en un Select dinámico en Laravel.
  3. Compilar código de Select dinámico en Laravel.

Nota: el que aparece resaltado en negrita indica en donde estás en éste momento.

Hola! espero que estés super bien, aquí traigo otro video a petición del público donde observarás paso a paso como podemos crear un campo Select dinámico, es decir, cuando seleccionamos una opción específica se cargarán datos según esa opción seleccionada. Para ello vamos a usar un formulario el cual tendrá dos campos tipo Select. El primero tendrá información estática y en el segundo cargaremos mediante AJAX los datos correspondientes.

Cabe resaltar que utilizaremos la librería de Javascript llamada jQuery para realizar las peticiones. El objetivo de todo esto es poder cargar los datos en el segundo Select sin recargar la página. Antes de grabar el video yo he adelantado un poco la configuración del proyecto, creando una base de datos con sus tablas. En el video te muestro todo lo que he configurado previamente.

Una vez más, en el video te muestro paso a paso para que no te pierdas de nada. Go ahead!

El código lo puedes encontrar aquí.

Cabe resaltar que si tu ingresas al repositorio vas a observar que el código está totalmente terminado. Eso se debe a que se me olvidó crear una rama para cada video de ésta serie. Lo siento, lo haré para la próxima.

Como siempre, si tienes alguna pregunta déjala en la casilla de comentarios y estaré atento para responder. ¡Nos vemos!

 

 

Deja un comentario

Tu dirección de correo electrónico no será publicada.

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