在自定义下拉菜单中添加图像？

Question

我在这里做了我自己的下拉：http://jsfiddle.net/Hunter4854/GJVjT/我试图在PS3的左边添加一个图像。我需要在每个<li>的左侧添加单独的图像。我已经尝试过我所知道的一切，但无法找出问题所在？

Answer 1

您在此代码中重建了自定义列表html：

$('#test_select option').each(function(i){
    html.push('<li rel="'+$(this).val() +'">'+$(this).text()+'</li>');
});
$('.custom-select ul').html(html.join(''))

所以你放置的任何预定义的HTML都会被它取代。

要修复，请执行以下操作之一：

• you allow the predefined HTML to show
• or create the image in the code