我希望在模式表中选择按钮时在输入文本中显示“ nik”数据。
这是我的新输入内容:img-input
然后,这是我单击按钮cari时的布局:img-table
当我单击按钮“ pilih”时,我希望数据“ nik”将值填充到输入文本中。我的期望:img-expectation
我的观点-输入的空白值:
<div class="col-sm-3">
<button type="button" data-toggle="modal" class="btn btn-primary btn-sm cari-karyawan px-3">Cari</button>
</div>
当我单击按钮“ pilih”时,这是我的模态视图:
@foreach ($karyawans as $karyawan)
<tr>
<th scope="row"> {{ $loop->iteration }} </th>
<td> {{ $karyawan->nik }} </td>
<td> {{ $karyawan->nm_karyawan }} </td>
<td> {{ $karyawan->rs->nm_rs }} </td>
<td> {{ $karyawan->unit->nm_unit }} </td>
<td> {{ $karyawan->jabatan->nm_jabatan }} </td>
<td>
<button class="btn btn-sm btn-primary" data-nik="{{ $karyawan->nik }}" id="btnPilih">Pilih</button>
</td>
</tr>
@endforeach
然后,这是我的JavaScript代码:
$('.cari-karyawan').on('click', function () {
var nik = $(this).data('nik');
$("#btnPilih").click(function(event) {
$("#nik").val(nik);
$('#nik').val(nik);
console.log(nik)
});
$("#cariKaryawan").modal("show");
});
谢谢..
已解决..
$(".btnPilih").each(function(){
$(this).click(function(){
var nik = $(this).data("nik");
document.getElementById("nik").value = nik;
})
});