从数据库返回相同的值到引导模式答案

【问题标题】：Return as same value from database into bootstrap modal从数据库返回相同的值到引导模式
【发布时间】：2016-02-22 05:47:12
【问题描述】：

我的数据显示在表格中，编辑和删除数据的方式是引导模式。我只会展示我的删除模式。我使用 CodeIgniter 2.2.6：

我的桌子：

<table class="table table-striped table-bordered table-hover">
<thead class="text-center">
    <th class="text-center">No.</th>
    <th class="text-center">Major Code</th>
    <th class="text-center">Major Name</th>
    <th class="text-center">Option</th>
</thead>
<tbody>
    <?php $no = 1; ?>
    <?php foreach ($select_major as $row): ?>
        <tr>
            <td><?php echo $no++;               ?></td>
            <td><?php echo $row->cd_major;      ?></td>
            <td><?php echo $row->name_major;    ?></td>
            <td align=center>
                <!-- DELETE BUTTON -->
                <a
                    class="btn btn-danger btn-xs"
                    role="button"
                    data-toggle="modal"
                    data-target="#modal-delete"
                    href="<?php
                        $cd_major   = $row->cd_major;
                        $name_major = $row->name_major;
                    ?>">
                    <i class="fa fa-fw fa-trash"></i> Delete
                </a>
            </td>
        </tr>
    <?php endforeach; ?>
</tbody>

我的模态：

<!-- MODAL DELETE DATA -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form class="form-horizontal" method="POST" action="<?php echo base_url('major'); ?>">
                <input type="hidden" name="id_major" value="<?php echo (isset($id_major) ? $id_major : ''); ?>" />
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    <!-- MODAL TITLE -->
                    <h4 class="modal-title"><i class="fa fa-fw fa-trash"></i> Delete Data</h4>
                </div>

                <!-- FORM -->
                <div class="modal-body">
                    <p>Are you sure to delete this major? <b><?php echo $name_major; ?></b> ini?</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                    <input type="submit" class="btn btn-danger" name="delete" value="Yes, delete" />
                </div>
            </form>
        </div><!--/ .modal-content -->
    </div><!--/ .modal-dialog -->
</div><!--/ .modal -->

但是当我尝试删除选定的数据时，它总是命令删除最后一个数据。我应该怎么做才能解决它？

【问题讨论】：

您应该在删除链接上编写javascript，这将在模态字段中设置ID。然后模型应该打开。因为现在你的最后一行 id 将被设置为模态数据，最后一条记录将被删除。
我不明白。您的意思是在<a> 链接与onClick 事件？
是的，我的意思是在标签上添加 onclick 事件。

标签： php jquery twitter-bootstrap codeigniter codeigniter-2

【解决方案1】：

在您的情况下，您将添加如下代码：

您的新表：

<table class="table table-striped table-bordered table-hover">
<thead class="text-center">
    <th class="text-center">No.</th>
    <th class="text-center">Major Code</th>
    <th class="text-center">Major Name</th>
    <th class="text-center">Option</th>
</thead>
<tbody>
    <?php $no = 1; ?>
    <?php foreach ($select_major as $row): ?>
        <tr>
            <td><?php echo $no++;               ?></td>
            <td><?php echo $row->cd_major;      ?></td>
            <td><?php echo $row->name_major;    ?></td>
            <td align=center>
                <!-- DELETE BUTTON -->
                <a
                    class="btn btn-danger btn-xs"
                    role="button"
                    data-toggle="modal"
                    data-target="#modal-delete"
                    href="<?php
                        $cd_major   = $row->cd_major;
                        $name_major = $row->name_major;
                    ?>" onclick=deleteRecord(<?php $row->cd_major?>)>
                    <i class="fa fa-fw fa-trash"></i> Delete
                </a>
            </td>
        </tr>
    <?php endforeach; ?>
</tbody>
</table>
<script>
function deleteRecord(id){
    document.getElementById("id_major").value = id;
}
</script>

您的新模式：

<!-- MODAL DELETE DATA -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form class="form-horizontal" method="POST" action="<?php echo base_url('major'); ?>">
                <input type="hidden" name="id_major" id="id_major" value="<?php echo (isset($id_major) ? $id_major : ''); ?>" />
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    <!-- MODAL TITLE -->
                    <h4 class="modal-title"><i class="fa fa-fw fa-trash"></i> Delete Data</h4>
                </div>

                <!-- FORM -->
                <div class="modal-body">
                    <p>Are you sure to delete this major? <b><?php echo $name_major; ?></b> ini?</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                    <input type="submit" class="btn btn-danger" name="delete" value="Yes, delete" />
                </div>
            </form>
        </div><!--/ .modal-content -->
    </div><!--/ .modal-dialog -->
</div><!--/ .modal -->

请使用我给你的代码，它现在应该可以工作了。

我假设 cd_major 是你要删除的行的id，如果不是，你可以替换我们在onclick事件中添加到<a>标签的函数中的字段名称。

谢谢

【讨论】：