Если опция1 выбрана, то val покажет другой выбранный вариант2

Question

Я борюсь с формой. Данные кандидата сохраняются и проверяются с помощью js.

. Мне нужно, чтобы, если выбран SEDE_, CURSO_ показывает что-то еще. В SEDE_1 и CURSO_1 это работает для меня, но в 2, 3 и 4 или более это не работает для меня, потому что, когда они нажимают на «Сохранить» и создают другого кандидата, оно получается из "curso": $ ("# curso_ "+ postulante_index) .val ()," sede ": $ (" # sede_ "+ postulante_index) .val ()

Может ли кто-нибудь мне помочь?

Я уже пробовал это. В # sede_1 и # curso_1 это работает хорошо, но не позже, в остальных.

<script type="text/javascript">
    $(document).ready(function () { 
    $("#sede_1").change(function () {
        var val = $(this).val();
        if (val == "pilar") {
            $("#curso_1").html("<option></option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Primaria - 7° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option>");
        } else if (val == "saavedra") {
            $("#curso_1").html("<option></option><option>Jardín de Infantes - Sala de 2 años</option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option><option>Escuela Secundaria - 6° año ES</option>");
        } else if (val == "mendoza") {
            $("#curso_1").html("<option></option><option>Jardín de Infantes - Sala de 2 años</option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option><option>Escuela Secundaria - 6° año ES</option>");
        } else if (val == "") {
            $("#curso_1").html("<option value=''>Seleccione una sede</option>");
        }
    });
});

    $(document).ready(function () { 
    $("#sede_2").change(function () {
        var val = $(this).val();
        if (val == "pilar") {
            $("#curso_2").html("<option></option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Primaria - 7° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option>");
        } else if (val == "saavedra") {
            $("#curso_2").html("<option></option><option>Jardín de Infantes - Sala de 2 años</option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option><option>Escuela Secundaria - 6° año ES</option>");
        } else if (val == "mendoza") {
            $("#curso_2").html("<option></option><option>Jardín de Infantes - Sala de 2 años</option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option><option>Escuela Secundaria - 6° año ES</option>");
        } else if (val == "") {
            $("#curso_2").html("<option value=''>Seleccione una sede</option>");
        }
    });
});

    $(document).ready(function () { 
    $("#sede_3").change(function () {
        var val = $(this).val();
        if (val == "pilar") {
            $("#curso_3").html("<option></option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Primaria - 7° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option>");
        } else if (val == "saavedra") {
            $("#curso_3").html("<option></option><option>Jardín de Infantes - Sala de 2 años</option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option><option>Escuela Secundaria - 6° año ES</option>");
        } else if (val == "mendoza") {
            $("#curso_3").html("<option></option><option>Jardín de Infantes - Sala de 2 años</option><option>Jardín de Infantes - Sala de 3 años</option><option>Jardín de Infantes - Sala de 4 años</option><option>Jardín de Infantes - Sala de 5 años - Preescolar</option><option>Escuela Primaria - 1° Año EP</option><option>Escuela Primaria - 2° Año EP</option><option>Escuela Primaria - 3° Año EP</option><option>Escuela Primaria - 4° Año EP</option><option>Escuela Primaria - 5° Año EP</option><option>Escuela Primaria - 6° Año EP</option><option>Escuela Secundaria - 1° año ES</option><option>Escuela Secundaria - 2° año ES</option><option>Escuela Secundaria - 3° año ES</option><option>Escuela Secundaria - 4° año ES</option><option>Escuela Secundaria - 5° año ES</option><option>Escuela Secundaria - 6° año ES</option>");
        } else if (val == "") {
            $("#curso_3").html("<option value=''>Seleccione una sede</option>");
        }
    });
});
  </script>

<div class="form-group row">
                    <label for="" class="col-lg-3 col-sm-6 col-form-label text-right">Curso a Ingresar *</label>
                    <div class="col-lg-6 col-sm-6">
                        <select name="1_curso" type="text" maxlength="100" id="curso_1"  class="form-control">
                          <option selected="selected" value="">-seleccionar-</option>
                          <option>Jardín de Infantes - Sala de 2 años</option>
                          <option>Jardín de Infantes - Sala de 3 años</option>
                          <option>Jardín de Infantes - Sala de 4 años</option>
                          <option>Jardín de Infantes - Sala de 5 años - Preescolar</option>
                          <option>Escuela Primaria - 1° Año EP</option>
                          <option>Escuela Primaria - 2° Año EP</option>
                          <option>Escuela Primaria - 3° Año EP</option>
                          <option>Escuela Primaria - 4° Año EP</option>
                          <option>Escuela Primaria - 5° Año EP</option>
                          <option>Escuela Primaria - 6° Año EP</option>
                          <option>Escuela Secundaria - 1° año ES</option>
                          <option>Escuela Secundaria - 2° año ES</option>
                          <option>Escuela Secundaria - 3° año ES</option>
                          <option>Escuela Secundaria - 4° año ES</option>
                          <option>Escuela Secundaria - 5° año ES</option>
                          <option>Escuela Secundaria - 6° año ES</option>
                        </select>
                    </div>
                </div>

<div class="form-group row">
                    <label for="" class="col-lg-3 col-sm-6 col-form-label text-right">Sede *</label>
                    <div class="col-lg-6 col-sm-6">
                        <select name="1_sede" id="sede_1" class="form-control" required>
                          <option value="">-seleccione un curso y año-</option>
                          <option value="pilar">Pilar</option>
                          <option value="saavedra">Saavedra</option>
                          <option value="mendoza">Mendoza</option>
                        </select>
                    </div>
                </div>
                  <center><button type="submit" id="submit" value="enviar" class="btn btn-common guardar_postulante" data-postulante="1" style="padding:5px 20px;margin-bottom: 40px;">Guardar</button></center>
                  <center><button type="submit" id="submit" value="enviar" class="btn btn-common guardar_postulante_y_nuevo" data-postulante="1" style="padding:5px 20px;margin-bottom: 40px;">Guardar y agregar otro postulante</button></center>



$(document).on("click",".guardar_postulante",function(){
            var postulante_index = $(this).data("postulante");

            var newPostulante = {
                "apellido" : $("#apellido_"+postulante_index).val(),
                "nombre" : $("#nombre_"+postulante_index).val(),
                "fecha_nacimiento" : $("#fecha_nacimiento_"+postulante_index).val(),
                "curso" : $("#curso_"+postulante_index).val(),
                "sede" : $("#sede_"+postulante_index).val(),
            }

            postulantesObj[["postulante"+postulante_index]] = newPostulante;
            $('#collapser_postulante_'+postulante_index).trigger("click");

            console.log("Objeto de postulantes:");
            console.log(postulantesObj);
        });

        $(document).on("click",".guardar_postulante_y_nuevo",function(){
            var postulante_index = $(this).data("postulante");

            var newPostulante = {
                "apellido" : $("#apellido_"+postulante_index).val(),
                "nombre" : $("#nombre_"+postulante_index).val(),
                "fecha_nacimiento" : $("#fecha_nacimiento_"+postulante_index).val(),
                "curso" : $("#curso_"+postulante_index).val(),
                "sede" : $("#sede_"+postulante_index).val(),
            }

            postulantesObj[["postulante"+postulante_index]] = newPostulante;
            $('#collapser_postulante_'+postulante_index).trigger("click");

            console.log("Objeto de postulantes:");
            console.log(postulantesObj);
            nuevoPostulanteForm();
        });