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

Question

我无法放置标题为"Please Select"的占位符，所以我只是将其作为下拉列表中的一个项目，但现在可以选择"Please Select"，这有点麻烦。有没有办法为下面的下拉列表设置一个占位符。

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

Answer 1

重载4、5&DropDownListFor帮助程序的6都包含一个参数optionLabel，可以用于您的目的。