将数据 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>

Answer 1

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

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

Answer 2

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

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

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

如您所见，我的模式称为showmodal

在模态框的主体中添加以下代码

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

这将显示按钮的值。

我希望这可以帮助别人