阻止在模态内提交后关闭模态

时间:2018-08-27 11:23:34

标签: php jquery html bootstrap-4

我在模态内有一个表格..提交后,它必须在模态内显示一个表格。之后如何让模式打开?

这是模态的一部分。

  <div id="AddModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel1" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

           <div class="modal-header text-center">
            ...
            </div>

                <!---- modal body ---->

            <div class="modal-body">
                <form method="post" id="form1">
                    <input type="text" name="searchinput">
                    <input type="submit" name="btnSearch" value="search">
                </form>
                    <?php 
                        if(isset($_REQUEST['btnSearch']))
                        {
                            require_once("connection.php");
                            $table= getFood($_REQUEST['searchinput']);
                            echo $table;
                        }
                    ?>

            </div>

我尝试了如下的javascript:

       $('#form1').on('submit', function(e){
           $('#AddModal').modal('show');
           e.preventDefault();
       });

辛勤工作。

1 个答案:

答案 0 :(得分:1)

尝试添加

echo '<script>$("#AddModal").modal("show'");</script>';

之前

echo $table;

在您的php代码中