Postingan lainnya
Autofill Laravel 5.5
Selamat siang teman-teman sekolahkoding semuanya. Saya ingin bertanya tentang pengisian textbox secara otomatis berdasarkan combobox yang telah kita pilih.
Ini coding yang ada di controller saya
public function index()
{
$stok = stok::all();
$brg = barang::all();
$pnj = pinjam::where('status', 'Belum dikembalikan')->get();
$kbl = kembali::all();
return view('kembali.index', compact('brg', 'pnj', 'kbl', 'stok'));
}
Dan ini viewnya
<form class="form-horizontal" role="form" method="POST" action="/kembali">
{{csrf_field()}}
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<h2>Pengembalian Barang</h2>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-3">
<div class="form-group has-danger">
<label class="sr-only" for="tgl_kembali">Tanggal Kembali</label>
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
<div class="input-group-addon" style="width: 2.6rem"></div>
<input type="text" name="tgl_kembali" class="form-control" id="tgl_kembali"
placeholder="Tanggal Kembali (yyyy-mm-dd)" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-3">
<div class="form-group has-danger">
<label class="sr-only" for="id_pinjam">ID Pinjam</label>
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
<div class="input-group-addon" style="width: 2.6rem"></div>
<select id="pinjam_id" class="form-control" name="pinjam_id" required>
<option selected>ID Pinjam</option>
@foreach($pnj as $pj)
<option value="{{($pj->id)}}">{{($pj->id)}}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-3">
<div class="form-group has-danger">
<label class="sr-only" for="nama_barang">Nama Barang</label>
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
<div class="input-group-addon" style="width: 2.6rem"></div>
<select id="barang_id" class="form-control" name="barang_id" required>
<option selected>Nama Barang</option>
@foreach($brg as $br)
<option value="{{($br->id)}}">{{($br->nama_barang)}}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-4">
<div class="form-group has-danger">
<label class="sr-only" for="jml_barang">Jumlah barang</label>
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
<div class="input-group-addon" style="width: 2.6rem"></div>
<input type="text" name="jml_barang" class="form-control" id="jml_barang"
placeholder="Jumlah Barang yang Dikembalikan" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="form-group has-danger">
<label class="sr-only" for="peminjam">Peminjam</label>
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
<div class="input-group-addon" style="width: 2.6rem"></div>
<input type="text" name="peminjam" class="form-control" id="peminjam"
placeholder="Nama Peminjam" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6" style="padding-top: .35rem">
</div>
</div>
<div class="row" style="padding-top: 1rem">
<div class="col-md-8"></div>
<div class="col-md-2">
<button type="submit" class="btn btn-success"><i class="fa fa-plus"></i> TAMBAH</button>
</div>
</div>
</form>
Saya ingin field barang_id, jml_barang, dan peminjam terisi otomatis sesuai dengan id pinjam yang telah dipilih pada form tersebut. Mohon bantuannya teman-teman sekalian :).
3 Jawaban:
Udah pernah pake javascript gan?
Coba ini gan:
route.php
Route::get('/infos/{id}', 'InfoController@getInfo');
InfoController.php
public function getInfo($id)
{
$fill = \DB::table('tbl_information')->where('id', $id)->pluck('info_description');
return Response::json(['success'=>true, 'info'=>$fill]);
}
app.js
$("#info_id").change(function() {
$.ajax({
url: '/info/' + $(this).val(),
type: 'get',
data: {},
success: function(data) {
if (data.success == true) {
$("#info_id").value = data.info;
} else {
alert('Cannot find info');
}
},
error: function(jqXHR, textStatus, errorThrown) {}
});
});
HTML
<select name="info_id" id="info_id">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<textarea name="info_area" id="info_area" cols="30" rows="10"></textarea>
bagaiamana case nya gan syecharbha ? apakah sudah solve ?
<div><figure data-trix-attachment="{"contentType":"image/png","filename":"golok.PNG","filesize":19667,"height":205,"url":"https://i.ibb.co/Mnwt9yX/golok.png","width":641}" data-trix-content-type="image/png" data-trix-attributes="{"presentation":"gallery"}" class="attachment attachment--preview attachment--png"><img src="https://i.ibb.co/Mnwt9yX/golok.png" width="641" height="205"><figcaption class="attachment__caption"><span class="attachment__name">golok.PNG</span></figcaption></figure>mohon maaf masih error, <br><br></div>
