我如何在 selectListItem 上放置背景颜色

Question

我有一个 asp.net mvc 页面，我想要一个具有不同背景颜色的下拉列表like this page

我有以下代码来显示一个下拉列表

<label>Data Source: </label><% = Html.DropDownList("DataSource", Model.CalendarDataSources, new { @id = "calendarDSDropdown", @class = "calendarDSDropdown" })%>

在我的视图模型中我有：

    public IEnumerable<SelectListItem> CalendarDataSources;

我在服务器上填充。我想为每个 SelectListItem 添加不同的积压，但我看不到如何做到这一点，因为选择列表项只有 Name, Id, Selected 属性

这可能吗

Answer 1

不幸的是，内置的DropDownList 助手不允许您在生成的option 标记上设置style 属性。你将不得不滚动你自己的助手来实现这一点。

您也可以使用 jQuery 来设置颜色：

$(function() {
    $('select#DataSource option').each(function() {
        var option = $(this);
        option.css(
            'background-color', 
            someFunctionThatMapsTheOptionValueToAColor(option.val())
        );
    });
});