如何在ASP.NET MVC5剃刀语法中将类添加到SelectListItem？

Question

我使用剃刀创建了一个选择输入字段。下面是代码：

@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获得结果，但我想知道是否存在仅使用剃刀的方法。

Answer 1

您无法使用内置方法来做到这一点。您可以create your own extension method or helper，但是使用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>

它甚至使它更具可读性（我认为）。您不应该觉得自己必须使用助手来完成所有工作。