Javascript 提交表单（用于过滤内容）后，结果表将显示在同一页面上。我该怎么做？

我想问一些关于如何进行编码的建议，关于我的问题

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

无论如何，我有一个搜索表单，它有一个选择表单和一个文本框。提交后，将根据表单中的筛选结果显示一个表

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

我是必须使用会话还是只需要在php代码中使用$\u POST变量？还是javascript

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

如果是$\u POST或$\u会话，是否需要创建另一个php文件？我已经这样做了，但是它在我的表单页面上显示了很多错误

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

我希望表格显示在同一页上

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

我的表格

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

我已经创建了一个单独的php文件来存储我所有的$\u会话和$\u帖子，但我并不确定是否要继续

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

<?php
session_start();
include("dbconn.php");
$selected = $_POST['selected'];
$searchContent = $_POST['content'];
$_SESSION['selected'] = $selected;
$_SESSION['contains'] = $searchContent;

if ($selected == "story" || $selected == "poem") {
    if (isset($_SESSION['username'])) {
        $querySearchSP = "select * from storypoem where content like '%$searchContent%' and type='poem'";
    } else if (!isset($_SESSION['username'])) {
        $querySearchSP = "select * from storypoem where content like '%$searchContent%' and type='poem' and progress='Completed'";
    }
    $resultSearchSP = mysqli_query($link, $querySearchSP);
    $searchResultSP = mysqli_num_rows($resultSearchSP);

    while ($rowStoryPoem = mysqli_fetch_array($searchResultSP)) {
        $arrStoryPoem[] = $rowStoryPoem;
        $_SESSION['title'] = $rowStoryPoem['title'];
        $_SESSION['progress'] = $rowStoryPoem['progress'];
        $_SESSION['currentlyCompleted'] = $rowStoryPoem['currentlycompleted'];
    }
} else if ($selected == "user") {
    $querySearchUser = "select * from user u, storypoem sp where content like '%$searchContent%' and u.storypoem_id=sp.id";
    $resultSearchUser = mysqli_query($link, $querySearchUser);
    $searchResultUser = mysqli_num_rows($resultSearchUser);

    while ($rowUser = mysqli_fetch_array($searchResultUser)) {
        $arrUser[] = $rowUser;
        $_SESSION['username'] = $rowUser['username'];
        $_SESSION['works'] = $rowStoryPoem['title'];
    }
}
?> 

---

非常感谢你的帮助。谢谢。

对于同一页，请遵循以下方法：

                    <div class="form-group">
                        Find
                        <select name="selected" class="form-control" required data-error="Please select from the list">
                            <option value="">--Select--</option>
                            <option value="story">Stories</option>
                            <option value="poem">Poems</option>
                            <option value="user">Users</option>
                        </select>
                        <div class="help-block with-errors"></div>

                    </div>


                    <div class="form-group">
                        With
                        <input type="text" class="form-control" id="contains" name="contains" required

                               data-error="Please enter a value"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <input type="submit" class="btn btn-primary btn-block" id="submitBtn"
                               value="Search"/></div>
                    <div class="col-md-6 col-xs-6">
                        <input type="reset" class="btn btn-default btn-block" value="Clear Fields"/></div>
                </form>

<form action="" name="frm">
// your html elements
<input type="submit" name="btn" value="Search" />
</form>

<?php
if(isset($_REQUEST['btn']))
{
    // put your mysql code here and for that response create a result table by using looping on the result set
}
?>

---

搜索表单应使用GET方法。