为什么引导模式不起作用

Question

我创建了表单以允许我选择成员按钮，而不是将信息从数据库中检索到表中，并在进行更改后进行更新，效果很好。

现在我想将该表单移动到 BOOTSTRAP MODAL 但不起作用，当我单击按钮时只会滑下引导模型然后立即消失。

我错过了什么……

<form method='post'>

<input type='hidden' name='id' value='" . $row['id_boxe'] . "'/>

<input type='submit' name='update' value='Update' href='#modal-view' role='button' class='btn' data-toggle='modal''/>

</form>

</td>

点击按钮后从数据库中检索信息..（模式外）

<?php
        if (isset($_POST['id'])) {
       $id = trim($_POST['id']);
        $sql = "SELECT * FROM boxes where id_boxe = " . $id;
        $result = $db->query($sql);
        if ($result->num_rows > 0) {
        $row = $result->fetch_assoc();
        $title = $row['title_boxe'];
                $status = $row['status'];
                $side = $row['side'];

            }
            $result->close();
        }
        ?>

Section bootstrap modal：（在modal中回显信息）

<div class="modal fade" id="modal-view" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">

                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                Modal title
                            </h4>
                        </div>
                        <div class="modal-body">
                            <form method="post" class="col-md-6">
            <?php if(isset($id)) {?>
            <input type="hidden" name="id_boxe" value="<?=$id?>"/>
            <?php } ?>
            <div class="form-group">
                <label for="boxe_title">Boxe Title</label>
                <input type="text" class="form-control" name="boxe_title" value="<?php if(isset($title)) echo $title; ?>">
            </div>
            <div class="checkbox">
                <select name="side">
                <?php if(isset($side) && $side == 1) {  ?>
                    <option value="1" selected>right</option>
                <?php } else {?>
                     <option value="1">right</option>
                <?php } ?>

                     <?php if(isset($side) && $side == 2) {  ?>
                    <option value="2" selected>left</op)tion>
                <?php } else {?>
                     <option value="2">left</option>
                <?php } ?>
                </select>
            </div>
            <div class="select">
                <?php if(isset($status) && $status == 1) {  ?>
                <label><input type="checkbox" name="visibility" checked> Visible in the Menu</label>
                <?php } else {?>
                <label><input type="checkbox" name="visibility" > Visible in the Menu</label>
                <?php } ?>
            </div>
            <?php if (isset($_POST['id'])) { ?>
                <button type="submit"  name="updatedata" class="btn btn-default">Update</button>
            <?php } else { ?>
                <button type="submit"  name="add" class="btn btn-default">Add</button>
            <?php } ?>
        </form>
                        </div>
                        <div class="modal-footer">

                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Close
                            </button> 
                            <button type="button" class="btn btn-primary">
                                Save changes
                            </button>
                        </div>
                    </div>

                </div>

            </div>

我的问题是，我错过了什么来显示带有配置文件信息的引导模式而不是消失引导模式！

在引导模式之前可以正常工作，但在将表单移动到引导模式后无法正常工作..

我错过了什么！ 感谢您的帮助… 上午

Answer 1

我的猜测是带有提交按钮的表单导致了问题，也许它正在快速显示模式，因为提交按钮上的data-toggle 但是由于您正在触发表单提交，它会重新加载页面导致模态消失。

尝试将您的按钮更改为： <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-view">Launch demo modal</button>

Like it shows in the demo on bootstrap's site.

您可能还想阅读SQL Injection，因为您的代码看起来很容易受到攻击。

如果没有看到完整的 HTML 输出，很难判断模态的问题是什么，你能在 jsfiddle 中提供吗？