asp.net-mvc - asp.net mvc 如何为 html.dropdownlist 添加占位符

Question

我正在使用 asp.net mvc 3。

我有这个国家的下拉列表，我想为它添加一个占位符。这是我的代码:

@Html.DropDownList("country",
     new SelectList(ViewBag.countries as System.Collections.IEnumerable,
     "name", "name"), new { @class="chzn-select", @placeholder="-select-",
     @style="width:160px;" } )

但是占位符不起作用，而样式起作用。

如何为此设置占位符？

PS。我只想用 @Html.DropDownList ，而不是 @Html.DropDownListFor

Answer 1

一个涉及 jQuery 的快速且(不是那么)肮脏的解决方案。

不要在列表的开头添加一个虚拟项目，而是在前面添加一个禁用的新选项。主要优点是您不必弄乱列表中的虚拟项目 ，最重要的是，您将无法在页面 中选择该虚拟项目:

@Html.DropDownList("yourName", yourSelectList, new { @class = "form-control select-add-placeholder" })

然后某处之后:

$(".select-add-placeholder").prepend("<option value='' disabled selected>Select an option...</option>");

看起来像: