0

Estoy haciendo un select que se llene de acuerdo a la información que se haya solicitado con la solicitud ajax, pero cuando vuelvo hacer otra petición ajax, el select conserva los elementos de la anterior solicitud Anexo el codigo:

jQuery("#student-list").on('click', '.add-auxiliar', function(){

        var codigo_guia = jQuery(this).data("studentid");

        var action = 'fetch_auxiliar';

        jQuery('.modal-title').html("Asignar Auxiliar");

        jQuery.ajax({

            url:'accion.php',

            method:"POST",

            data:{codigo_guia:codigo_guia, action:action},

            dataType:"json",

            success:function(json){
                jQuery('#asignar-auxiliar').modal('show');
        
                    if(json == null){
                         $("#select_auxiliar").append('<option>Ya cuenta con una auxiliar asignada</option>');

                    }else{
                         jQuery('#codigo-guia').val(codigo_guia);
            jQuery('#action-aux').val('asignar_aux');

$.each(json,function(i, value){
   $("#select_auxiliar").append('<option value="'+value.codigo_es+'">'+value.Nombre+'</option>');
   
});
        $("#select_auxiliar").append('<option value="Reset">Reset</option>');
                    }
                     
                
                
                  
              
                    }

        })

    });

Entonces estoy buscando una forma de eliminar los "append" que ya se agregaron cuando se vuelva abrir el modal

1 respuesta 1

1

Usa la función de javascript empty() de este modo:

$("#select_auxiliar").empty();

En tu caso, ponla justo antes del condicional, así:

jQuery("#student-list").on('click', '.add-auxiliar', function() {
console.log("llego");
  var codigo_guia = jQuery(this).data("studentid");
  var action = 'fetch_auxiliar';
  jQuery('.modal-title').html("Asignar Auxiliar");
  jQuery.ajax({
    url: 'accion.php',
    method: "POST",
    data: {
      codigo_guia: codigo_guia,
      action: action
    },
    dataType: "json",
    success: function(json) {
      jQuery('#asignar-auxiliar').modal('show');

      $("#select_auxiliar").empty();

      if (json == null) {
        $("#select_auxiliar").append('<option>Ya cuenta con una auxiliar asignada</option>');
      } else {
        jQuery('#codigo-guia').val(codigo_guia);
        jQuery('#action-aux').val('asignar_aux');
        $.each(json, function(i, value) {
          $("#select_auxiliar").append('<option value="' + value.codigo_es + '">' + value.Nombre + '</option>');
        });
        $("#select_auxiliar").append('<option value="Reset">Reset</option>');
      }
    }
  })
});

Encontrarás más información en su documentación

1
  • Muchas gracias, me sirvió :D Commented el 20 feb. 2022 a las 5:19

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.