Question

这是我的代码，我需要一些帮助，在有人单击“删除”按钮后，我可以添加一个弹出窗口进行确认。请帮忙。

        <tbody>
            <?php  
                while($row = mysqli_fetch_assoc($select_query)){
                    $name = $row['name'];
            ?>
                    <tr>
                        <td><?php echo $name;  ?></td>
                        <td>
                            <a href="service-delete.php?id=<?php echo $row['id']; ?>" class="btn btn-danger btn-sm " data-toggle="tooltip" data-placement="left" title="delete"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
                        </td>
                    </tr>
            <?php } ?>  

        </tbody>

    </table>
</div>

Answer 1

如果只需要一个带有两个仅返回true或false的按钮的对话框，则可以使用confirm()。确认单击确定按钮将返回true，单击取消按钮将返回false。您只是说您只需要确认。因此，在脚本中，在删除按钮上添加onclick函数

var confirmation = Confirm ('Are you sure to delete ?');
if(confirmation){
// If yes
}else{
// If no
}

或者，如果您希望使用某些形式的弹出窗口，则可以使用一个对话框。

$( function() {
    $( "#dialog" ).dialog();
  } );

Answer 2

<button type="button" class="btn btn-danger delete_button" id="delete_button<?php echo $res['employeeID']; ?>" onclick="delete_row(<?php echo $res['employeeID']; ?>);"><span><i class="fa fa-trash"></i></span></button>

<script>
// Single Record Delete 
function delete_row(employeeID)
{
    var id = employeeID;

    if(confirm("Are you sure want to delete?")) {
        $.ajax
        ({
            type:'post',
            url:'employeeDelete.php',
            data:{
                    delete_row:'delete_row',
                    row_id:employeeID,
                },
            success:function() {

                    $('tr#'+id+'').css('background-color', '#ccc');
                    $('tr#'+id+'').fadeOut('slow');
                    location.reload();
            }
        });
    }return false;
}

如何添加弹出窗口

2 个答案: