引导模态不起作用的原因

Question

我已经创建了表单，允许我选择“成员”按钮，而不是将数据库中的信息检索到表中，并在进行更改后进行更新。

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

我错过了什么，…

<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();
        }
        ?>

部分引导模态：(模态内部的回波信息)

<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

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

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

就像它显示在引导的网站上的演示中一样。

此外，您可能希望阅读SQL注入，因为您的代码看起来很脆弱。

在没有看到完整的HTML输出的情况下，很难分辨出模型的问题所在，您能在jsfiddle中提供吗？