模态框不显示文本值

Question

我想为一些编辑表单制作模态框。 模式框正在打开，但我的文本值没有显示，它只显示我的 int 值（除了我的第一个值）。 我的代码有什么问题？

//--Code--//
<button type="button" id="editNilai" class="btn btn-sm btn-info nilai" 
    data-toggle="modal" data-target="#editNilai"
    data-nama="<?= $user['nama'] ?>"
    data-nipd="<?= $user['nipd'] ?>"
    data-kelas="<?= $user['kelas'] ?>"
    data-verifikasi="<?= $user['verifikasi'] ?>"
    data-visitasi="<?= $user['visitasi'] ?>"
    data-presentasi="<?= $user['presentasi'] ?>" >
     Edit
     </button>
     </td>         
     </tr>
     <?php endforeach; }?> 
</tbody></table>

我的 edit.js 脚本

$(document).on("click", ".nilai", function () {
    var nama = $(this).data('nama');
    var nipd = $(this).data('nipd');
    var kelas = $(this).data('kelas');
    var verifikasi = $(this).data('verifikasi');
    var visitasi = $(this).data('visitasi');
    var presentasi = $(this).data('presentasi');
    $(".modal-body #nama").val(nama);
    $("#nipd_a").val(nipd);
    $("#kelas_a").val(kelas);
    $("#verifikasi").val(verifikasi);
    $("#visitasi").val(visitasi);
    $("#presentasi").val(presentasi);
});

我的模态框脚本。php

<div class="modal fade" id="editNilai" tabindex="-1" role="dialog" aria-labelledby="user" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="nilai">Edit Nilai Badan Publik</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      <form action="<?php echo site_url('admin/updateNilai');?>" method="post">
            <div class="form">
                <div class="">
                    <div class=" form-group">
                        <label for="" class="">Badan Publik <span><i class="text-danger">*</i></span></label>
                        <input name="nama" id="nama" type="" class="form-control text-danger" readonly>
                    </div>
                </div>
                <div class="">
                    <div class=" form-group">
                        <label for="" class="">NIPD <span><i class="text-danger">*</i></span></label>
                        <input name="nipd" id="nipd_a" type="number" class="form-control text-danger" readonly>
                    </div>
                </div>
                <div class="">
                    <div class=" form-group">
                        <label for="" class="">Kategori <span><i class="text-danger">*</i></span></label>
                        <input name="kelas" id="kelas_a" type="" class="form-control text-danger" readonly>
                    </div>
                </div>
                <div class="">
                    <div class=" form-group">
                        <label for="" class="">Verifikasi <span><i class="text-danger">*</i></span></label>
                        <input name="verifikasi" id="verifikasi" type="number" class="form-control text-danger">
                    </div>
                </div>

//---Continue---//

我不知道为什么 data-nipd 和 data-kelas 没有显示，即使“按钮”成功提交了值（来自浏览器的检查）

<button type="button" id="editNilai" class="btn btn-sm btn-info nilai" data-toggle="modal" data-target="#editNilai" data-nama="Dummy OPD" data-nipd="2101000" data-kelas="OPD Sumbar 2021" data-verifikasi="20" data-visitasi="30" data-presentasi="">
Edit Nilai</button>

Answer 1

我想我找到了答案。 它是浏览器缓存/cookie，在我清除所有浏览数据后，值现在正常显示。 抱歉，我不知道浏览器缓存会影响这个。