Boa noite pessoal!
Estou aprendendo jQuery/Ajax e estou tentando fazer o famoso combo do título, porém o combo de cidades fica em branco.
Consegui testar até a parte que chega no AJAX e, aparentemente, o erro deve estar ali no bloco dele. Onde estou errando?
view:
<div class="row">
<div class="input-group mb-3 col">
<div class="input-group-prepend">
<label class="input-group-text" for="cUf">UF</label>
</div>
<select class="form-control" name="cUf" id="cUf">
<option value="">Selecione...</option>
@foreach ($uf as $u)
<option value="{{ $u->id }}">{{ $u->uf }}</option>
@endforeach
</select>
<div class="valid-feedback">
Ok!
</div>
<div class="invalid-feedback">
Escolha uma UF
</div>
</div>
<div class="input-group mb-3 col-md-9">
<div class="input-group-prepend">
<label class="input-group-text" for="cCid">Cidade</label>
</div>
<select class="form-control" name="cCid" id="cCid" >
</select>
<div class="valid-feedback">
Ok!
</div>
<div class="invalid-feedback">
Escolha uma cidade
</div>
</div>
</div>
...
<script>
$(document).ready(function(){
$('#cUf').change(function(){
if($(this).val() != ''){
var uf_id = $(this).val();
var _token = $('input[name="_token"]').val();
$.ajax({
url:"{{ route('clientes.fetch') }}",
type:"POST",
data:{value:uf_id, _token:_token},
success:function(data){
$('#cCid').html(data);
}
})
}
});
});
rota:
Route::post('/clientes/fetch','ControladorCliente@fetch')->name('clientes.fetch');
Controlador:
public function fetch(Request $request){
$uf_id = $request->get('value');
$data = DB::table('cidades')
->where('uf_id','=',$uf_id)
->get();
$output = '<select value="">Selecione...</select>';
foreach ($data as $row) {
$output .= '<option value="'.$row->id.'">'.$row->nome.'</option>';
}
echo $output;
}