我想做的是为产品创建一个过滤器,我正在通过数据表从数据库中检索产品,并且我希望我的过滤器在不匹配时隐藏其他选项。例如:我有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
}
?>