Question

我有一个下拉列表，我想添加到MVC 5中的_Layout.cshtml页面。这是从我的数据库中的参考数据返回的 - 它适用于CarTypes。有四种不同类型的车型可以选择 - 轿车，4X4，房产和两厢车。

我创建了一个CarTypesViewModel，如下所示：

 public IEnumerable<SelectListItem> CarTypesList { get; set; }

 public string SelectedCarType { get; set; }

然后我有了一个观点：

@using (Html.BeginForm("SomeAction", "SomeController", FormMethod.Get))
{
    //Just a html div here perhaps?
    @Html.DropDownListFor(model => model.SelectedCarType, Model.CarTypesList)
}

在布局中我有以下内容：

<li id="selectedcar">@Html.Action("Index", "CarTypes")</li>

然后在我的CarTypes控制器中执行此操作：

  var model = new CarTypesViewModel 
        {
            CarTypesList= products.Select(p => new SelectListItem
            {
                Value = p.Id.ToString(CultureInfo.InvariantCulture),
                Text = p.Name
            })
        };

        return View(model);

这会将数据返回到下拉列表。然而，我真正想要的是一个价值看起来像请选择你的汽车类型作为列表中的第一项 - 实现这一点的最佳方法是什么，因为我不想将其作为我的数据库中的值存储？

Answer 1

@Html.DropDownListFor(model => model.SelectedCarType, 
    new SelectList(Model.CarTypesList, "Value", "Text"), 
    "--- Please Select Your Car Type ---", 
    new { @class = "form-control" }
)

Answer 2

将optionLabel参数传递给DropDownListFor。

请参阅：http://msdn.microsoft.com/en-us/library/ee703561(v=vs.118).aspx

Answer 3

@using (Html.BeginForm("SomeAction", "SomeController", FormMethod.Get))
{
    //Just a html div here perhaps?
    @Html.DropDownListFor(model => model.SelectedCarType, Model.CarTypesList, "Please Select Your Car Type")
}

这应该这样做..（将自定义文本添加为第3个元素。）

将自定义文本添加到MVC 5的下拉列表中

3 个答案: