传递模态值以删除记录

Question

我想为删除确认创建模式，但是我无法从表中获取记录的值并将其传递给模式并删除记录。

$query1=mysqli_query($conn,"select * from tab1 where username = '$row[username]'");

 while($row =mysqli_fetch_array($query1))
 {
  echo '  
        <tr class ="item" id=echo $row["country"]">    
        <td>'.$row["country"].'</td>  
        <td>
        <a class="Danger danger-color" href="#" data-toggle="modal" data-target="#DangerModalalert"> 
        <i class="glyphicon glyphicon-trash"></i></a>
        </td>



<div id="DangerModalalert" class="modal modal-edu-general FullColor-popup-DangerModal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-close-area modal-close-df">
                <a class="close" data-dismiss="modal" href="#"><i class="fa fa-close"></i></a>
            </div>
            <div class="modal-body">
                <span class="glyphicon glyphicon-trash fa-2x"></span>
                <h2>Delete Confirmation</h2>
                <p>Are you sure you want to delete it?</p>
            </div>
            <div class="modal-footer danger-md">
                <a data-dismiss="modal" href="#" style="background:red">No</a>
                <a href="#" style="background:red">Yes</a>
            </div>
        </div>
    </div>
</div>

Answer 1

首先，您只需要一个模式div。添加delete-yes类以删除按钮，以便稍后我们可以从javascript中替换为href []

<div id="DangerModalalert" class="modal modal-edu-general FullColor-popup-DangerModal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-close-area modal-close-df">
                <a class="close" data-dismiss="modal" href="#"><i class="fa fa-close"></i></a>
            </div>
            <div class="modal-body">
                <span class="glyphicon glyphicon-trash fa-2x"></span>
                <h2>Delete Confirmation</h2>
                <p>Are you sure you want to delete it?</p>
            </div>
            <div class="modal-footer danger-md">
                <a data-dismiss="modal" href="#" style="background:red">No</a>
                <a class="delete-yes" href="#" style="background:red">Yes</a>
            </div>
        </div>
    </div>
</div>
设置URL以删除链接，并为JS绑定添加类delete-confirm：

<a class="Danger danger-color delete-confirm" href="delete.php?id=<?php echo $row["id"];?>" data-toggle="modal" data-target="#DangerModalalert"> 
        <i class="glyphicon glyphicon-trash"></i>
</a>
然后添加此JS代码以绑定删除按钮事件

$(document).on("click", ".delete-confirm", function () {
     var deleteUrl = $(this).attr('href');
     $(".modal-body .delete-yes").attr('href', deleteUrl);
     return false;
});