asp.net mvc 下拉列表选项已禁用选中

【问题标题】：asp.net mvc dropdownlist option disabled selectedasp.net mvc 下拉列表选项已禁用选中
【发布时间】：2014-04-02 21:51:09
【问题描述】：

有什么优雅的方法可以创建这样的东西

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

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

http://jsfiddle.net/wLAt8/

【问题讨论】：

标签： css html asp.net-mvc-4 placeholder

【解决方案1】：

这是使用标签助手的一种方法。

     <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>

【讨论】：

【解决方案2】：

很遗憾没有。无法将属性添加到 SelectListItem，它会被渲染为 <option>。

您需要扩展 SelectListItem 类，然后扩展 DropDownListFor 才能使用它。不幸的是，这不是很简单......如果在SelectListItem 上有一个Attributes 字典用于此目的，那就太好了。

这是一个正在应用的自定义属性的实现：

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

【讨论】：