Передайте значение в модал, чтобы удалить запись - PullRequest
Новая
       38

Передайте значение в модал, чтобы удалить запись

0 голосов
/ 24 января 2020

Я хочу создать модал для подтверждения удаления, но я не могу взять значение записи из таблицы, передать его модалу и удалить запись. 

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

1 Ответ

0 голосов
/ 24 января 2020

Во-первых, вам нужен только один модальный div. Добавьте класс delete-yes для удаления кнопки, чтобы мы могли позже заменить ее href с javascript

<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-confirm для привязки JS: 

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