Question

我正在尝试在下拉列表中显示图像。我有这样的代码

<?php
    $sql2 = "SELECT * FROM item_category";
    $query2 = mysql_query($sql2);
?>

<select name="category" onChange="showItems(this);">
    <option value="">Select Product Category</option>
    <?php while ($rs2 = mysql_fetch_array($query2)) { ?>
        <option value="<?php echo $rs2["item_id"]; ?>">
            <img src="../upload/category/<?php echo $rs2["image"]?>">
        </option>
    <?php } ?>
</select>

但它显示为空白。你能告诉我怎么做吗？

Answer 1

选项标记

中不支持html标记（即img）

考虑使用jquery-ui selectmenu和自定义渲染。

您可以在此处找到一些示例和API文档的链接。 http://jqueryui.com/selectmenu/#custom_render

或使用msDropDown（）

查看this post

Answer 2

这样做的唯一方法是使用一些jQuery插件。这是一个很棒的插件，可以帮助你解决你的问题伙伴。看看它。有很多其他插件太配对.. :)

JavaScript Image Dropdown

Answer 3

我认为没有直接的方法可以做到这一点。可能你必须生成一个新的html元素以及css和javascript，与select / dropdownlist中的值相对应，并将其设计为下拉列表。为其工作定义事件类似于下拉列表。然后，只有您可以添加图像到您的下拉列表。网上有很多插件可供使用，但我无法访问我的工作区。

供您参考，您可以使用该链接 http://designwithpc.com/Plugins/ddSlick#demo。以此为例。

如果您找到轻量级且响应迅速的插件，请添加引用以备不时之需。祝你好运.....

如何在下拉列表中显示图像？

3 个答案: