Question

有没有优雅的方式来创建像这样的东西

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="1">Option1</option>
</select>

在ASP.NET MVC 4中使用@ Html.DropDownListFor helper？

http://jsfiddle.net/wLAt8/

Answer 1

不幸的是没有。无法向SelectListItem添加属性，这是<option>呈现的内容。

您需要扩展SelectListItem类，然后扩展DropDownListFor以使用它。遗憾的是，不是很简单......为此目的在Attributes上有一个SelectListItem字典会很好。

以下是要应用的自定义属性的实现：

Adding html class tag under <option> in Html.DropDownList

Answer 2

这是使用标签助手进行操作的一种方式。

     <select asp-for="@Model.Orders.FruitsId" class="form-control">

                            <option value="">Select a Fruit</option>

                            @foreach (var Fruit in Model.Fruits )
                            {
                                if (barber.Name.Equals("Orange"))
                                {
                                    <option disabled="disabled" value="@Fruit.Id">@Fruit.Name </option>
                                }
                                else
                                {
                                    <option value="@Fruit.Id">@Fruit.Name </option>
                                }


                            }
                        </select>

选中了asp.net mvc dropdownlist选项

2 个答案: