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?