JS:在不同的页面上显示快速搜索结果

时间:2014-09-27 14:17:44

标签: javascript jquery

我对如何实现这一点感到有些困惑。

基本上我在我的主页上有这个表格来过滤列出的结果

<form>
    <select class="form-control select-box">
        <option value="make-any">Make (Any)</option>
        <?php
            while($make = $makeFilter->fetch(PDO::FETCH_ASSOC))
            {
                echo '<option value="'.$make["Make"].'">'.$make["Make"].'</option>';
            }
        ?>
    </select>
    <button href="search.php">Search</button>
</form>

正如您所看到的,它正在使用PHP并通过MySQL列出结果。此表单位于首页。如您所见,button元素仅链接到search.php页面。

我在search.php页面上有一个相同的表单,但是当用户点击按钮元素时,他们选择的选项已经刷新,如何使用用户选择的选项加载页面并保存,直到用户按下重置按钮还是手动更改?

任何代码示例都会很棒我猜这会是一个cookie吗?

1 个答案:

答案 0 :(得分:0)

<form action="search.php" method="get">
<select name ="select-box-1" lass="form-control select-box">
                 <option value="make-any">Make (Any)</option>
                 <?php while($make = $makeFilter->fetch(PDO::FETCH_ASSOC))
                 {
                 echo '
                 <option value="'.$make["Make"].'">'.$make["Make"].'</option>
                 ';
                 } ?>
             </select>
             <button type = "submit" >Search</button>
</form>

我在html中更改了一些内容,以便我可以在search.php上获得选定的选项。

1. <form action="search.php" method="get">

这将使用GET方法将您的表单提交给search.php。

2. <button type = "submit" >

更改了您的按钮类型以进行提交,以便您的表单可以提交到表单操作中指定的操作。

如果您希望在search.php上预先选择的选定值,请执行以下修改:

<select class="form-control select-box">
         <option value="make-any">Make (Any)</option>
         <?php while($make = $makeFilter->fetch(PDO::FETCH_ASSOC))
         {
            echo '<option value="'.$make["Make"].'" ' . (($make["Make"] == $_GET["select-box-1"])? "selected=selected":'') .'>'.$make["Make"].'</option>';
         } ?>
</select>

希望能解决你的问题。