如何为下拉列表放置占位符

时间:2015-09-22 12:54:24

标签: html asp.net-mvc drop-down-menu placeholder

我无法设置一个名为“请选择”的占位符,因此我只是将其作为项目放在我的下拉列表中,但现在可以选择“请选择”,这有点令人讨厌。有没有办法在下面的下拉列表中有一个占位符。

 <div class="form-group">
                @Html.LabelFor(model => model.Type,  htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.DropDownListFor(model => model.Type, new List<SelectListItem>      
                        { new SelectListItem{Text="Please select type"},
                          new SelectListItem{Text="Book"},
                          new SelectListItem{Text="Book chapter"},
                          new SelectListItem{Text="Journal article"},
                          new SelectListItem{Text="Conference"}}, htmlAttributes: new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.Type, "", new { @class = "text-danger" })

                </div>
            </div>

1 个答案:

答案 0 :(得分:-1)

超载4,5&amp; DropDownListFor助手中的6个都包含一个参数optionLabel,可用于您的目的。