将数据 ID 从按钮传递到引导程序模式

Question

我尝试通过以下代码传递“data-id”：

 <a data-toggle="modal" data-id="10" class="passingID">
   <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#editkaryawan">
       <i class="fas fa-pencil-alt"></i> Edit</button>
</a>

在此处输入表单值：

 <div class="modal-body">
    <form method="post" action="tambahkaryawan.php">
      <input type="hidden" class="form-control" name="idkl" id="idkl" value="">
    </form>
</div>

这是我使用的 jquery：

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

原文由 kelvin sutanto 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我通常将 .attr 用于 data-* 属性并且它有效。

 $(this).attr('data-id');

原文由 WKoppel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

传递一个值或 ID 非常简单，检查一下

使用此按钮，我将触发模式并传递从 PHP 动态生成的数据 ID，您还可以将其设为标题或任何其他所需信息。

  <button data-id="<? echo $note['id'] ?>"  onclick="$('#dataid').val($(this).data('id')); $('#showmodal').modal('show');" >click me</button>

如您所见，我的 modall 称为 showmodal

在模态的正文中添加以下代码

<input type="text" name="dataid" id="dataid" value=""/>

这将显示按钮的值。

我希望这可以帮助别人

原文由 jerryurenaa 发布，翻译遵循 CC BY-SA 4.0 许可协议