需要能够提取与用户选择的产品对应的数组中的特定行

Question

我是一个初学者程序员，需要一个小型项目网站的帮助。

我创建了一个商店，并在mysql数据库中存储了一些产品。我使用foreach循环遍历数据，并将每个相关的数据打印到样式化的div中。数据被添加到foreach循环之前的新数组中。

$sql = "SELECT name, description, price, image FROM shop";
    $result = $DBConn->query($sql);
 $data = array();
    while($row = $result->fetch_assoc()) {
        $data[] = $row;

    foreach($data as $v){
  ?>
        <div class="innerbox">
             <div class="imagebox"><img src="<?php echo $v['image'];?>" /></div>  
            div class="namebox"><?php echo $v["name"];?></div>
            <div class="pricebox">£<?php echo $v["price"];?></div>

                </div>
    <?php
     }
    ?>

使用onClick功能，我可以这样做，当用户在div中点击时，它会将他们引导到产品页面。这就是我卡住的地方，我如何使页面知道用户点击了什么产品，并且只拉取用户点击过的产品详细信息？

我假设它需要某种循环来检查用户使用javascript单击的div中包含的ID？

很抱歉格式很差，对此相当陌生。

编辑**

<div id="productimage">
                    <div class="productinner"><img src="<?php echo $v['image'];?>" /></div>
                </div>
                <div id="productdescription"><?php echo $v["description"];?></div>
                <div id="videobox"><?php echo $v["price"];?></div>
<?php

产品页上是否需要此代码？或

$sql = "SELECT name, description, price, image FROM shop";
    $result = $DBConn->query($sql);
 $data = array();
    while($row = $result->fetch_assoc()) {
        $data[] = $row; // Adds each row to a new array
    }

Answer 1

可以在div上设置数据id属性：

    <div class="innerbox" data-id="<?php echo $v['id']; ?>">
         <div class="imagebox"><img src="<?php echo $v['image'];?>" /></div>  
        div class="namebox"><?php echo $v["name"];?></div>
        <div class="pricebox">£<?php echo $v["price"];?></div>

    </div>

使用jQuery可以轻松获取数据：

$('.innerbox').click(function() {
    window.location.href = "product.php?id=" + $(this).data('id');
});

在php中，您可以使用“$”访问id

$sql = "SELECT name, description, price, image FROM shop WHERE id = " . intval($_GET['id']);