将 php id 传递给确认模式框

Question

我正在尝试将 php 值传递给确认模式框。

我尝试了一些我发现的 jquery，但我不知道如何将我的 ID 传递到我的模式框。

这是我单击时的按钮，它将显示一个确认模式框。

<a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#confirmation" data-id="<?=$val['id']?>"><i class="bx bx-trash me-1"></i> Move To Trashcan</a>

这是我试图传递价值的模态。

<div class="modal fade" id="confirmation" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel2">Confirmation</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col mb-3">
            Are you sure want to delete this?
          </div>
          <p id="debug-url"></p>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No</button>
        <button type="button" class="btn btn-primary btn-ok" onclick="window.location='http://localhost/NguyenTranTienHiep1/index.php/backend/delTempCat/'">Yes</button>
      </div>
    </div>
  </div>
</div>

这是包含“移至垃圾桶”按钮的 php

    <?php
                              if ($data['category'] == NULL)
                                  echo "<td colspan='5' class='nothing'>THERE IS NOTHING TO SEE IN HERE!</td>";
                            else
                              foreach($data['category'] as $val): ?>
                              <tr>
                                  <td><i class="fab fa-angular fa-lg text-danger me-3"></i>
                                      <strong><?=$val['id']?></strong>
                                  </td>
                                  <td><?=$val['category_name']?></td>
                                  <td>
                                      <?php
                                      if($val['parent']==0)
                                      {
                                        echo "<i style='color:#7d8b9b;'>NULL</i>";
                                      }
                                      foreach($data['allCat'] as $val1)
                                      {
                                        if($val['parent'] == $val1['id'])
                                        {
                                          echo $val1['category_name'];
                                        }
                                      }
                                    ?>
                                  </td>
                                  <td>

                                      <?php
                                  if ($val['status'] == 1)
                                      echo "<a href='".LINK."/backend/statusCat/".$val['id']."/0/'><span class='badge bg-label-primary me-1'>Active</span></a>";
                                  else
                                      echo "<a href='".LINK."/backend/statusCat/".$val['id']."/1/'><span class='badge bg-label-warning me-1'>Inactive</span></a>";
                                    ?>
                                  </td>
                                  <td>
                                      <div class="dropdown">
                                          <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                              data-bs-toggle="dropdown">
                                              <i class="bx bx-dots-vertical-rounded"></i>
                                          </button>
                                          <div class="dropdown-menu">
                                              <a class="dropdown-item"
                                                  href="<?=LINK?>/backend/editCat/<?=$val['id']?>"><i
                                                      class="bx bx-edit-alt me-1"></i> Edit</a>
                                              <a class="dropdown-item"
                                                  href="<?=LINK?>/backend/delTempCat/<?=$val['id']?>"><i
                                                      class="bx bx-trash me-1"></i> Move To Trashcan</a>
                                          </div>
                                      </div>
                                  </td>
                              </tr>
                              <?php endforeach;?>

因此，当我单击“是”时，它将使用我传递的 ID 调用删除 php function。 但是，它只显示我为 onclick 属性编写的相同链接。

示例：-当我单击某些东西的“移至垃圾桶”按钮时，onclick 属性必须是这样的。

onclick="window.location='http://localhost/NguyenTranTienHiep1/index.php/backend/delTempCat/46'"

Answer 1

使用 function 更改显示模式

<a class="dropdown-item" data-id="<?=$val['id']?>" onclick="moveToTrash(this)"><i class="bx bx-trash me-1"></i> Move To Trashcan</a>

单击您的模态按钮时删除Yes

<button type="button" class="btn btn-primary btn-ok">Yes</button>

创建 function moveToTrash whit jquery 以获取 id 并传递给模态并显示模态，在模态中设置 onclick 按钮Yes

function moveToTrash(elm) {
  let id = $(elm).data('id');
  let modal = $('#confirmation');
  modal.find('.btn-ok').on("click", function() {
    window.location = `http://localhost/NguyenTranTienHiep1/index.php/backend/delTempCat/${id}`
  });
  modal.modal('show');
}