Question

是否可以将图片放入<select>下拉列表中？

我尝试了下面这段代码

<select name="selection">
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list1</option>
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list2</option>
</select>

输出显示 list1 和 list2 ，但未显示 NOIMAGE ，这是图像的src的替代方法。

Answer 1

您无法将图像添加到选择标记。

您可以使用CSS / HTML / Javascript创建自定义菜单，但显然这需要更多工作。

Answer 2

也许这会对你有所帮助。它应该工作。看看http://jsfiddle.net/jJfdr/4/

#selection option {
    background: url('dbdesign.jpg') 0 0 no-repeat;
    padding-left: 50px;
    height: 30px;
    background-size: 50%;
}

<select id="selection">
    <option>list1</option>
    <option>list2</option>
</select>

在html中选择标记的图像

2 个答案: