En el siguiente video te muestro cómo podemos mantener los datos en un Select dinámico.
Éste post forma parte de una mini-serie, si no quieres perderte de nada aquí abajo te dejo el listado.
Los tres post de ésta mini-serie son:
- Select dinámico en Laravel usando AJAX (Dropdown dinámico).
- Cómo mantener los datos en un Select dinámico en Laravel.
- Compilar código de Select dinámico en Laravel.
Nota: el que aparece resaltado en negrita indica en donde estás en éste momento.
Aunque todo lo necesario para crear un Select dinámico y llenarlo de información sin recargar la página ha sido explicado en el post anterior, debemos hacer varios cambios para mejorar el código.
Tal vez te fijastes que al momento de cargarse información en el segundo Select y producirse algún error, todos los campos mantienen los datos previamente escritos excepto el segundo Select, es decir, vuelve a su estado inicial (totalmente vacio).
Para que eso no ocurra se debe realizar algunos cambios al código jQuery. Eso es lo que vas a poder observar en el siguiente video.
Teniendo esto, ya posees un código válido para que puedas usarlo en tu trabajo o en tus proyectos personales.
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.
Recuerda que puedes usar la casilla de comentarios para dejar alguna pregunta o para informarme de algún problema con lo enseñado.