SORT BY值并仅显示那些项目

时间:2017-11-02 16:43:22

标签: php html

我正在创建一个项目,我想要一个带有select元素的html表单,并在select中包含一些值,分别是Country,City,Area。我想要的是当用户选择其中一个值并单击提交按钮以仅显示与该值对应的产品时。我不知道该怎么做,但如果有人能帮忙解决这个问题,我将不胜感激。

感谢。

代码:

<div class="container">
        <div class="row">
        <h1>PRODUCTS</h1>
        <hr>
        <form method="post" action="">        
            <div class="form-group">
                <label for="SORT BY">SORT BY</label>
                <select name="">
                    <option value="">Select One...</option>
                    <option value="country">Country</option>
                    <option value="city">City</option>
                    <option value="area">Area</option>
                </select>
            </div>

            <div class="form-group">
                <input type="submit" name="submit" class="btn btn-primary" value="Search">
            </div>

        </form>

        <?php

        $query = "SELECT * FROM dropdowns";
        $query_connection = mysqli_query($connection, $query);

        while($row = mysqli_fetch_assoc($query_connection)) {
            $country = $row['country'];
            $city = $row['city'];
            $area = $row['area'];


            echo "<div class='col-xs-3'>";
            echo "<div class='well'>";
            echo "<img src='images/01.jpg' class='img-responsive'>";
            echo "<h2 class='lead'>$country</h2>";
            echo "<h2 class='lead'>$city</h2>";
            echo "<h2 class='lead'>$area</h2>";
            echo "</div>";
            echo "</div>";
        }

        ?>
        </div>
    </div>

1 个答案:

答案 0 :(得分:0)

这里需要SQL以及获取“POST”值并在

等查询中使用它们的方法
<td onclick="window.location='http://www.demo.com'">My Button</td>

and then add to the css:

td {
cursor:pointer
}

仍然取决于你的下拉表是什么样的(它有哪些列)。 另一件事是你必须使用

将你的FORM链接到PHP
$_POST['option'] = $option;   
 $query = "SELECT * FROM dropdowns WHERE Option = '$option"

或以

结尾的网址
action="something.php"

但意味着您必须将代码拆分为2个不同的文件。 第二个选项是你可以使用$ _GET ['option']并在查询中使用它。

另一个建议是在PHP中完成所有操作并回显HTML部分。