时间戳

首页 > 解决方案 > 带有图像的下拉列表

php - 带有图像的下拉列表

问题描述

我正在尝试创建一个下拉列表，该列表将在列表描述旁边显示图像。

我尝试了多种方法，但似乎无法让列表显示图像，并且我不确定从数据库中检索我的列表时是否可以这样做。

这是我到目前为止所拥有的，列表完美地显示了描述，只是我无法显示的图像：

<select name="product_id"  class="form-control" id="product_id" required>
<option value="" disabled selected>-- Ensure you select the correct Element Description (Product Code | Element Name | Colour | Pieces | Price) --</option>
<?php
$link = mysqli_connect("localhost", "USERNAME", "PASSWORD", "DATABASE");
$part_list = 
"SELECT DISTINCT
product_id
,   CONCAT(product_id, ' | ', part_description, ' | ', colour, ' | ', piece_count, ' | R ', box_price)  AS 'description'
,   image
FROM
    pab_parts
ORDER BY
    part_description
,   colour
";      
$listresult = mysqli_query($link,$part_list)or die(mysqli_error());     

while ($row = mysqli_fetch_assoc($listresult)) 
{
echo "<option value='". $row['product_id']." ' data-imagesrc='pieces/". $row['image']." '>".$row['description'].'</option>';
}
?>
</select>
</div>

我检查了我的查询并且可以确认我的查询返回了正确的结果。所以问题不在于数据库方面，而在于表单本身。

标签： phphtmldrop-down-menu

解决方案

在我看来，选择选项的 CSS 不能改变，你可以使用 ul - li 来做同样的事情

作为参考，请查看此链接 codepen.io/fsanggang/pen/ZOepzE

推荐阅读