vuelvo a tener problema..

si seleccioné la ruta banjarmasin-jakarta, el campo biaya pelayaran llenará 1.750.000

Pero, quiero seleccionar nuevamente "cari rute pelayaran" y el campo biaya pelayaran llenará 0

seleccionado "cari rute pelayaran" para llenar 0 en el campo biaya pelayaran

esta es mi vista

 <select class="form-control select2bs4" id="biaya_pelayaran_id" name="biaya_pelayaran_id" style="width: 100%;"> <option value="">Cari Rute Pelayaran</option> @foreach ($biaya_pelayaran as $item) <option value="{{ $item->id }}"> Rute: {{ $item->rute_asal }} - {{ $item->rute_tujuan }} || Unit: {{ $item->unit->nama }} || Biaya: {{ number_format($item->biaya_pelayaran) }} </option> @endforeach </select> <div class="col-md-4"> <div class="form-group"> <label for="biaya_kapal">Biaya Pelayaran</label> <input type="number" class="form-control" id="biaya_kapal" name="biaya_kapal" value="0" readonly> </div> </div>

mi codigo ajax/javascript

 $('#biaya_pelayaran_id').change(function() { var id = $(this).val(); var url = '{{ route('getBiayaPelayaran', ':id') }}'; url = url.replace(':id', id); $.ajax({ url: url, type: 'get', dataType: 'json', success: function(response) { if (response !== null) { $('#biaya_kapal').val(response.biaya_pelayaran); } } }); });

controlador

 public function getBiayaPelayaran($id = 0) { $data = BiayaPelayaran::find($id); echo json_encode($data); }