在另一个 div 中更改图像答案

【问题标题】：Change image in another div在另一个 div 中更改图像
【发布时间】：2020-02-28 02:13:48
【问题描述】：

我的数据库中有一个表产品，带有列

 product_id---nombre---imagen.

      1---pie----pie.png

我使用这个选择选项来显示产品的名称

<select class="form-control" name="producto_id" style="width:175px; float:left;">
     <?php foreach($producto as $c):?>
     <option value="<?php echo $c['id_productos']; ?>"><?php echo $c['nombre']; ?></option>
   <?php endforeach; ?>

现在我想在另一个 div 中显示该产品的图像，但我不知道该怎么做

【问题讨论】：

标签： javascript php html mysql image

【解决方案1】：

您将需要数据库中图像的路径（或对其进行硬编码，但我不建议这样做）。然后你可以简单地使用（根据需要包括属性、包装器元素等）：

<img src="<?php echo $c['imagen']; ?>" />

【讨论】：

这是我的第一次尝试，但无论我是否选择其他产品，它总是只显示数据库的第一张图像。

【解决方案2】：

首先将循环移到元素之外，然后添加每一行，然后关闭循环 -

正如 Baledin 所说，使用图像路径来加载正确的路径，并尽量不要对它们进行硬编码。您可以使用下面这样的代码 -

<?php foreach($producto as $c) {
    if(isset($producto)
?>    

<select class="form-control" name="producto_id" style="width:175px; float:left;">
 <option value="<?php echo $c['id_productos']; ?>">
 <?php echo $c['nombre']; ?></option>
</select>

<div>
    <img src="<?php echo $c['imagen']; ?>" />
</div>
<?PHP
    }
?>

【讨论】：