按类别 ID 显示产品 php&mysql答案

【问题标题】：Display products by category ID php&mysql按类别 ID 显示产品 php&mysql
【发布时间】：2017-06-13 04:00:50
【问题描述】：

我目前正在做一个购物车。我想要发生的是当我单击一个类别时，它下的所有产品都将根据其类别 ID 显示。如果有其他方法请告诉我。

我使用以下方法从我的数据库中获取我的类别：

function getCats(){

global $con;
$get_cats = "select * from categories";
$run_cats = mysqli_query($con, $get_cats);
while ($row_cats = mysqli_fetch_array($run_cats)){       
    $cat_id = $row_cats['cat_id'];
    $cat_title = $row_cats['cat_title'];

    echo "<li><a href='#' class= 'category' cid='$cat_id'>$cat_title</a></li>";

}

}

并在我的 index.php 中调用它

<?php 
getPro();
 ?;

这是我的functions.php中的代码

if(isset($_POST["get_product"]))
{

$cid = $_POST["cat_id"];
$sql = "SELECT * from products WHERE product_cat = '$cid'";
$run_query = mysqli_query($con,$query) or die(mysqli_query($con));
while($row = mysqli_fetch_array($run_query))
{

      $pro_id = $row['product_id'];
      $pro_title = $row['product_title'];
      $pro_cat = $row['product_cat'];
      $pro_price = $row['product_price']; 
      $pro_image = $row['product_image'];  


    echo"
    <div class='col-md-4'>
    <div class='panel panel-info'>
      <div class='panel-heading'>$pro_title </div>
        <div class='panel-body'>
         <img src='admin_area/product_images/$pro_image' style='width:100px; height:100px;'/>
        </div>
      <div class='panel-heading'>$pro_price
      <button pid='$pro_id' style='float:right;' class='btn btn-danger btn-xs'>Add to cart</button>

      </div>

    </div>

   </div>

    ";


    } 



}

【问题讨论】：

标签： php css mysql

【解决方案1】：

所以基本上每个类别都有一个按钮，当你点击它时，它会显示一个包含产品的小菜单，按 ID 排序。我知道这可以通过下拉菜单来完成。这个只由 CSS 制作。如果我误会了你，我很抱歉，但是请更具体地说明你想要什么。

<style>
.dropdown {
position: relative;
display: inline-block;`enter code here`
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}

.dropdown:hover .dropdown-content {
display: block;
}
</style>

<div class="dropdown">
<span>Mouse over me</span>
<div class="dropdown-content">
<p>Hello World!</p>
</div>
</div>

【讨论】：