0

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;
}

1 Resposta 1

0

no Controller, tente substituir:

$uf_id = $request->get('value');

por

$uf_id = $request->value;

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .