1

estoy comenzando a utilizar codeigniter, javascript con la librería jquery y tengo el siguiente problema, tengo un formulario y en el un campo select donde cargo las ciudades mando los datos desde mi controlador en json, de la sgt forma.

function LlenarCombo(){
       $.post('http://localhost/app/ciudad/getCiudades', 
       function (data){
          var c = JSON.parse(data);
          $.each(c, function(i, item){
                $('#ciudad').append('<option value="'+item.Id_ciudad+'">'+item.Nombre+'</option>');
          });
       });
    }

el caso es que al lado del select tengo un boton con la opcion de poder agregar una nueva ciudad, el metedo funciona bien y guarda bien los datos, mi problema es que necesito que al guardar se actualize el campo select sin recargar la pagina.

function guardarCiudad(){
      $.ajax({
        url : 'http://localhost/app/ciudad/Guardar',
        type: "POST",
        data: $('#formCiudad').serialize(),
        success: function(data)
        {
           $('#modalCiudad').modal('hide');
           alert(data);
           LlenarCombo();
           $("#formCiudad")[0].reset();
        },
        error: function (jqXHR, textStatus, errorThrown)
        {
            alert('Error al guardar los datos');
        }
      });
    }

al llamar la funcion en el succes, obiamente me repite los datos, que otra cosa puedo realizar?

4
  • 1
    Limpiarlo en el succes antes de volver a llenarlo
    – FederHico
    Commented el 12 may. 2017 a las 19:18
  • algo asi funcionaris? $("#ciudad")[0].reset(); ese es el id de mi campo select
    – FeRcHo
    Commented el 12 may. 2017 a las 19:39
  • 2
    $("#ciudad").empty(); éso eliminaria todos los options para que cuando leas nuevamente no se repita el nuevo
    – FederHico
    Commented el 12 may. 2017 a las 19:40
  • @federhico muchas gracias pude resolver mi problema
    – FeRcHo
    Commented el 12 may. 2017 a las 19:47

1 respuesta 1

2

Te doy 2 ocpiones

1: limpias ti ID ciudad con :

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

2: Matar todos los eventos que tengas corriendo :

$('#ciudad').unbind();

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.