Javascript 以编程方式将图像放入dropdownlist ASP

在代码隐藏中，我创建了一个控件：一个包含一些图片的下拉列表

DropDownList ddlEventIcone = new DropDownList();
ddlEventIcone.ID = "eventIconeDDL";
ddlEventIcone.Width = Unit.Pixel(110);

然后我想把图片放在里面，所以我从这样创建的地图中得到它们：

Dictionary<string, Image> iconeMapping = new Dictionary<string, Image>();
iconeMapping .Add(iconeName, myImage);

我将我的列表与下拉列表绑定：

ddlEventIcone .DataSource = lImageddl;
ddlEventIcone .DataBind();

我使用Javascript将元素的“类型”精确为Img：

foreach (ListItem listItem in ddlEventIcone.Items.Cast<ListItem>())
{
   listItem.Attributes.Add("class", "imageconverter");
 }

---

可能重复->据我所知，您不能在选择选项中使用图像标记。最好使用一些javascript库，如：，，似乎不可能，除非使用外部库。。。太糟糕了。。。。

foreach (ListItem listItem in ddlEventIcone.Items.Cast<ListItem>())
{
   listItem.Attributes.Add("class", "imageconverter");
 }

  $(function () {
            $(".imageconverter").each(function () {
                $(this).html('<img src="' + $(this).text() + '">');
            });
        });

<select name="DigitalCalendarGrid$ctl09$eventIconeDDL" id="DigitalCalendarGrid_ctl09_eventIconeDDL" style="width:110px;">
        <option value="../../images/Event/cycling.png" class="imageconverter" width="10" height="10"><img src="../../images/Event/cycling.png"></option>
        <option value="../../images/Event/football.png" class="imageconverter" width="10" height="10"><img src="../../images/Event/football.png"></option>
    </select>

0x0 pixels (Natural 256x256 pixels)