bootstrap模态问题删除数据

Question

我正在尝试使用 bootstrap 模式删除确认从我的 table 中删除一行。但问题是，当我尝试删除我的 table 中的一行时，被删除的是第一行（总是）。为什么会这样？有什么想法吗？

HTML(table)

<table class="table table-bordered table-hover clearfix" id="example">
<thead>
    <tr>
        <th>ID de Funcionário</th>
        <th>Sobrenome</th>
        <th>Nome</th>
        <th>Cargo</th>
        <th>Telefone</th>
        <th class="text-center">Opção</th>
    </tr>
</thead>
<tbody>
    <?php
        $query="SELECT * FROM employee AS E ORDER BY name";
            $res = mysql_query($query);
            mysql_set_charset('utf-8');
                if(!$res){
                    echo "Erro ao executar a query";
                }
                else{
                    while($dados=mysql_fetch_array($res)){  
                ?>
    <tr>
        <td><?php echo $dados['func_id']; ?></td>
        <td><?php echo $dados['last_name']; ?></td>
        <td><?php echo $dados['name']; ?></td>
        <td><?php echo $dados['position']; ?></td>
        <td><?php echo $dados['phone']; ?></td>
        <td class="text-center">
            <a class="btn btn-danger btn-xs" data-toggle="modal" data-target="#delete" data-whatever="@mdo">
                <span class="fa fa-trash">Apagar</span>
            </a>
            <?php include('modal_delete.php');?>
        </td>
    </tr>
    <?php
    }}
    ?>
</tbody>

Modal_delete.php（包括）

<div class="modal"  id="delete" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title text-left">Apagar</h4>
        </div>
        <div class="modal-body text-left">
            <p>Deseja apagar este  registro?</p>
        </div>
        <div class="modal-footer">
            <a href="../delete/delete_reg.php?id=<?php echo $dados['idemployee'];?>" type="button" class="btn btn-primary">Apagar</a>
            <a type="button" class="btn btn-default" data-dismiss="modal">Cancelar</a>
        </div>
    </div>
</div>

Delete_reg.php

<?php
require("../../conection/conection.php");
$id =$_GET["id"];

$query= "DELETE FROM employee WHERE idemployee= $id";
$delete= mysql_query($query);
if(!$delete){
    echo "erro!! não foi possivel apagar dado.";    
}
else{
    echo"Dado removido com sucesso!";
    header("Location: ../list/list_reg.php");
}?>

我在网站上找到的所有可能的解决方案都不能解决我的问题...有人可以帮助我吗？谢谢！！！

Answer 1

假设您有 5 行。这意味着对于每一行，您都会生成一个模态。这 5 个模态中的每一个都有 id="delete"。当你点击link打开模态时，bootstrap代码打开了匹配$('#delete')的第一个模态，这意味着它将删除第一行。

你有两个解决方案：

您在删除按钮的 data-target 和模式的 id 中添加 echo $dados['idemployee'];。（不是最优的，因为你仍在为每 table 行生成模态的代码）
您只制作了 1 个模态，并向删除按钮添加了一个 click() 事件，该事件使用正确的 ID 更新了 Apagar 按钮的 href。

bootstrap模态问题删除数据

bootstrap modal problems delete data

html

php

mysql

twitter-bootstrap

bootstrap-modal