Return 与从数据库到 bootstrap 模态的相同值

Question

我的数据显示在table，编辑和删除数据的方式在bootstrap模态。我只会展示我的删除模式。我使用了 CodeIgniter 2.2.6:

我的table:

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

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

Answer 1

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

你的新 table:

<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>标签的函数中的字段名称.

谢谢

Return 与从数据库到 bootstrap 模态的相同值

Return as same value from database into bootstrap modal

php

jquery

codeigniter

codeigniter-2

twitter-bootstrap