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

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第二个参数.