时间戳

首页 > 解决方案 > 在模态中传递一个值以删除记录

php - 在模态中传递一个值以删除记录

问题描述

我想制作一个删除确认的模态，但我无法从表中获取记录的值并将其传递给模态并删除记录。

$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>

标签： phphtmlmodal-dialogbootstrap-modal

解决方案

首先，您只需要一个模态 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，以及delete-confirmJS绑定的类：

<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;
});

推荐阅读