ASP-DropDownList的代码隐藏图片(ASP-DropDownList CodeBehin

我所想要的是我的DropDownList的是特殊的。 :(

我可以只写名字，但不会像intresting。 于是，我就添加图像，如下所示：

// Somewhere in the code...
ListItem item = new ListItem();
item.Value = // something
item.Text = "<img src=\"" + <AnImagePathIGetFromTheDatabase> + "\">";
<MyDropDownlist>.Items.Add(item);

然而，邪恶的东西自动转义在列表中的文本，就像这样：

<img src="https://41.media.tumblr.com/bcb96f4a4c46a1001118ee216d7abacf/tumblr_mgfhbngsDl1r58qimo1_500.png">

所以我得到的文本，而不是图像。 我该如何克服这个问题？

编辑 ：用约什的解决方案，我必须在我检查选择元件的情况，我也得到了以下内容：

<img src="http://i.somethingawful.com/u/robtg/Fiesta/f05.jpg" alt="monster" height="42" width="42">

这是相当多的东西我一直在寻找。 可悲的是，在页面的源代码，我得到如下：

<option value="MeaninglessImp" class="imageconverter">http://i.somethingawful.com/u/robtg/Fiesta/f05.jpg</option>

该列表本身就说明了2个空细胞。 检查员说，照片已缩小为0x0。

小提琴： 在这里。

为什么会这样？

Answer 1:

您可以设置文本包含源，直到页面加载不告诉他们。 你可以实现一个JavaScript库，它取代SRC与文本您的列表中的图像。 这应该解决的问题。

// Somewhere in the code...
ListItem item = new ListItem();
item.Value = // something
item.Text = <AnImagePathIGetFromTheDatabase>;
listItem.Attributes.Add("class", "imageconverter");
<MyDropDownlist>.Items.Add(item);

而在Javascript中你需要的东西，如：

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

文章来源: ASP-DropDownList CodeBehind images