c# - 如何在 ASP.NET MVC5 Razor 语法中向 SelectListItem 添加类？

Question

我使用 Razor 创建了一个选择输入字段。下面给出的是代码：

@Html.DropDownList("selectOption", new[] {
                        new SelectListItem()
                        {
                            Text ="Option 1" , Value = "1"
                        },
                        new SelectListItem()
                        {
                            Text = "Option 2" , Value = "2"
                        },
                        new SelectListItem()
                        {
                            Text = "Option 3" , Value = "3"
                        }
                    }, 
                    "Choose an Option...", 
                    new {@class = "form-control" })

我知道将自定义类添加到选择输入字段，但是如何将自定义类添加到每个选择选项？甚至可以使用剃刀语法吗？

我可以使用 jQuery 获得结果，但我想知道是否存在仅使用 razor 的方法。

Answer 1

你不能用内置的方法来做到这一点。您可以创建自己的扩展方法或助手，但是使用 HTML 自己创建控件会容易得多：

<select class="form-control" id="selectOption" name="selectOption">
    <option value="">Choose an Option...</option>
    <option class="some-class-1" value="1">Option 1</option>
    <option class="some-class-2" value="2">Option 2</option>
    <option class="some-class-3" value="3">Option 3</option>
</select>

它甚至使它更具可读性（在我看来）。你不应该觉得你必须对所有事情都使用助手。