獲取phpmyadmin中表格行的ID

Question

我發表了一篇關於在圖標上使用 javascript forEach 點擊事件的帖子，每次在 PHPMyAdmin 中添加新表格行時，該圖標都會增加。

看這里的帖子

現在，我正在嘗試獲取數據庫中表行的每個鏈接/圖標的 ID。

由於我使用 javascript forEach function 將點擊事件添加到每個圖標，請參閱上面的鏈接以了解該帖子。

這是我下面的代碼。

<?php echo " <a href='index.php?delete-category={$cats_Id}' class='text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600'>
                Yes, I'm sure
              </a> "; ?>

當點擊上述鏈接或按鈕時，將執行以下 PHP 查詢以獲取 id，然后將其從 db 中刪除。

 global $db_connection;
 $Readquery = "SELECT * FROM project_categories";
 $fetch_all_categories = mysqli_query($db_connection, $Readquery);

 while ($row = mysqli_fetch_assoc($fetch_all_categories)) {
   $cats_Id = $row['cats_id'];
 }
 if (isset($_GET['delete-category'])) {
   $query = "DELETE FROM project_categories WHERE cats_id = $cats_Id";
   $query_delete_cats = mysqli_query($db_connection, $query);
   header("Location: index.php");
 }

 ?> 

cat id 是數據庫中的 id，每次插入新數據時都會自動遞增。

如果我單擊每個元素，上面的代碼將起作用，它將獲取 id 並將其從我的數據庫中刪除。

現在，由於我使用 javascript forEach 事件添加到模態以確認刪除，因此 ID 不會附加到該模態刪除按鈕。 它不是獲取該行的 id，而是獲取表的最后一個 id。

我希望能夠解釋一下。 因為老實說，我覺得視頻解釋會更好，真的更好。

Answer 1

而不是使用href你可以使用 onclick function

<a href='javascript:void(0);'  onclick="confirmModal({$cats_Id})"
    class='text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600'>
      Delete
</a>

confirmModal function 包含加載模態的代碼

function confirmModal(id){
  $('#confirm_modal #btnBlock').html('<a href="index.php?delete-category='+id+'" class="btn btn-success">Yes</a>');
  $('#confirm_modal').modal('show');
}

模態設計：

<div class="modal fade" id="confirm_modal" role="dialog">
   <div class="modal-dialog" >
      <div class="modal-content">
         <div class="modal-header" style=" border-bottom: 1px solid #fff; padding-bottom: 5px;">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h3 class="modal-title">Confirm Modal</h3>
         </div>
         <div class="modal-body form">
            Are you sure, you wont to delete?
        </div>
        <div class="modal-footer">
            <span id="btnBlock"></span>
            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
        </div>
      </div>
   </div>
</div>