我正在尝试将按钮中的data-id的值传递给模态表单。我的代码如下：
脚本：

<script type="text/javascript">  

       $(document).on("click", "open-exampleModal", function () {
             var myBookId = $(this).data('id');
             $(".modal-body #bookId").val($(this).data('id'));
        });
 </script>

打开模态的按钮：

<div class="grid-cell" >
       <span>
          <button type="button" id="btnShowModal" class="btn btn-link btn-square-md" data toggle="modal" data-target="#exampleModal" data-id="B1"></button>
      </span>
    </div>

模态：

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <div class="modal-body" id="modalbody">
        <p>some content</p>
        <input type="text" name="bookId" value=""/>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

当我单击按钮打开模态时，它成功地打开了模态，但是，它没有使用data-id中的值填充输入。我从一段时间前的另一个答案中获取了代码，并想知道自那时以来是否有潜在的更新。