Question

我正在尝试使用AJAX创建实时搜索。

然后，当我单击结果时，我希望结果填充5个输入字段。

这是我尝试过的：

这是我的cari.php文件：

while ($cari_karyawans = $cari_karyawan->fetch()) { ?>
   <div class="result" onclick="fill('nik','<?php echo $cari_karyawans['nik_k_ptayp']; ?>')">
   <div class="result" onclick="fill('nama','<?php echo $cari_karyawans['nama_k_ptayp']; ?>')">
   <div class="result" onclick="fill('lokasi','<?php echo $cari_karyawans['jabatan_k_ptayp']; ?>')">
   <div class="result" onclick="fill('divisi','<?php echo $cari_karyawans['divisi_k_ptayp']; ?>')">
   <div class="result" onclick="fill('jabatan','<?php echo $cari_karyawans['lokasi_k_ptayp']; ?>')">
   <a><small class="text-muted"><i><?php echo $cari_karyawans['nik_k_ptayp']; ?></i></small> / <small class="text-muted"><i><?php echo $cari_karyawans['nama_k_ptayp']; ?></i></small></a>
 </div></div></div></div></div>
<?php } ?>

这是我尝试填写结果的方式：

function fill(nik, nama, lokasi, divisi, jabatan) {
   $('#nik').val(nik);
   $('#nama').val(nama);
   $('#lokasi').val(lokasi);
   $('#divisi').val(divisi);
   $('#jabatan').val(jabatan);
   $('#display').hide();
}

这是我的输入文件：

<input type="text" class="form-control" id="nik">
<input type="text" class="form-control" id="nama">
<input type="text" class="form-control" id="lokasi">
<input type="text" class="form-control" id="divisi">
<input type="text" class="form-control" id="jabatan">

Answer 1

您的JS函数fill应该是：

function fill(id, value) {
   $('#'+id).val(value);
}

因为您已经发送了id作为第一个参数，而value作为第二个参数。

如何使用onlick填写多个输入表单

1 个答案: