javascript - DropdownFor 并为每个 分配 Class

Question

有没有办法获得一个下拉列表来处理向每个选项添加一个类，其中该类是选项的文本？举例来说:

<option class = "Example-1" value = "101" >Example 1<option>
<option class = "Example-2" value = "102" >Example 2<option>
<option class = "Example-3" value = "103" >Example 3<option>

这可能吗？还是我需要查看 javascript/jquery 解决方案？

Answer 1

默认的 DropDownListFor 帮助器不允许这样做，但您可以自己创建选择元素。

<select name="@Html.NameFor(m => m.MyProperty)" id="@Html.IdFor(m => m.MyProperty)">
    @foreach (var example in examples) 
    {
        <option value="@example.Value" class="@example.CssClass" @(Model.MyProperty == example.Value ? "selected" : "")>@example.Text</option>
    }
</select>

使用 NameFor 和 IdFor 将使模型绑定(bind)正常工作。