Hola como estan tengo el siguiente problema: Tengo una Ventana Modal mediante la cual hago un insert a una tabla de mi base de datos y luego cargo esos datos en un Select de mi vista blade, todo me funciona bien solo que no se como hacer para que luego de hacer el insert y se cierre el modal el select se actualize automaticamente sin necesidad de recargar la vista. Estoy trabajando con ajax y query, tengo el ajax asi:
$('#saveBtn').click(function (e) {
e.preventDefault();
$(this).html('Enviando...');
$.ajax({
data: $('#productForm').serialize(),
url: "{{ route('logistica.despachos.causas.store') }}",
type: "POST",
dataType: 'json',
success: function (data) {
$('#productForm').trigger("reset");
$('#ajaxModel').modal('hide');
table.draw();
swal.fire({
//position: 'top-end',
title: 'Registro Exitoso!',
text: "El Cargo ha sido almacenado en la Base de Datos.",
icon: 'success',
showConfirmButton: false,
timer: 1800
});
},
error: function (data) {
console.log('Error:', data);
$('#saveBtn').html('Ha ocurrido un error...');
}
});
});
el select en la vista:
<div class="row">
<div class="col-lg-5">
<label for="causa_id">Causa Visita</label>
<div class="form-group">
<div class="input-group">
<select name="causa_id" id="causa_id" class="form-control" required>
<option value="" selected disabled>--Seleccione Causa--</option>
@foreach ($causas as $causa)
<option value="{{ $causa->id}}"> {{$causa->codigo .' -- '.$causa->causa}}</option>
@endforeach
</select>
<span class="input-group-btn">
<a class="btn btn-success btn-sm" href="javascript:void(0)" id="createNewProduct"><i class="fas fa-plus-circle"></i></a>
</span>
</div>
</div>
</div>
Atento a sus comentarios y agradecido de antemano