asp.net - 如何使 DropDownList 中的列表项成为颜色而不是 mvc 3 中的文本

Question

假设我有一个 ViewModel，其中有一个包含颜色名称的字符串字段。因此，在我的 DropDownList 中，我希望列表项是颜色而不是纯文本））可以以某种方式完成吗？提前致谢！

Answer 1

不幸的是，标准Html.DropDownListFor助手不允许您在<option>它生成的元素上定义 html 属性。例如，您的目标 HTML 可能是：

<select name="color">
    <option style="background-color:Red;"></option>
    <option style="background-color:Blue;"></option>
    ...
</select>

为了实现这个标记，您可以编写一个自定义的 DropDownList 助手，如 中所示this answer。

为了实现更时尚的 UI，您可以使用一些现有的 jQuery DropDown 插件，例如this one.