演绎多重复选框选择产品过滤器

时间:2019-02-20 02:36:13

标签: javascript php html sql

我想做的是为产品创建一个过滤器,我正在通过数据表从数据库中检索产品,并且我希望我的过滤器在不匹配时隐藏其他选项。例如:我有BRAND AND MODEL。如果我选择Acer品牌。数据表将显示所有acer产品,但我也希望基于acer品牌更新模型过滤器的内容。所以我只会看到acer型号

这里是前端

Child

这里是获取数据

                        <!-- FILTER FOR BRAND -->
                    <?php      

                $query = "SELECT * FROM category where name='$namesss' and filter1='on'";
                $statement = $connect->prepare($query);
                $statement->execute();
                $result = $statement->fetchAll();
                foreach($result as $row)
                {
                    ?>

                    <div class="list-group">
                        <h3>BRAND</h3>
                        <div style="height: 180px; overflow-y: auto; overflow-x: hidden;">
                            <?php

                $query = "SELECT DISTINCT(BRAND) FROM prod WHERE DCS='$namesss' ORDER BY BRAND ASC";
                $statement = $connect->prepare($query);
                $statement->execute();
                $result = $statement->fetchAll();
                foreach($result as $row)
                {
                ?>
                            <div class="list-group-item checkbox">
                                <label><input type="checkbox" class="common_selector BRAND" value="<?php echo $row['BRAND']; ?>">
                                    <?php echo $row['BRAND']; ?></label>




                            </div>
                            <?php
                }

                ?>
                        </div>
                    </div>
                    <?php 
                }
                    ?> 




                    <!-- FILTER FOR MODEL -->
                    <?php      

                $query = "SELECT * FROM category where name='$namesss' and filter3='on'";
                $statement = $connect->prepare($query);
                $statement->execute();
                $result = $statement->fetchAll();
                foreach($result as $row)
                {
                    ?>
                    <div class="list-group">
                        <h3>MODEL</h3>
                        <div style="height: 250px; overflow-y: auto; overflow-x: hidden;">
                            <?php
                $query = "
                SELECT DISTINCT(Model) FROM prod WHERE DCS='$namesss'  ORDER BY Model ASC
                ";
                $statement = $connect->prepare($query);
                $statement->execute();
                $result = $statement->fetchAll();
                foreach($result as $row)
                {
                ?>
                            <div class="list-group-item checkbox">
                                <label><input type="checkbox" class="common_selector Model" value="<?php echo $row['Model']; ?>">
                                    <?php echo $row['Model']; ?> </label>
                            </div>
                            <?php
                }
                ?>

0 个答案:

没有答案