Asp.net-Mvc
asp.net mvc 如何為 html.dropdownlist 添加佔位符
我正在使用 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
你可以試試這個:
@Html.DropDownList("country", new SelectList(ViewBag.countries), "-select- ", new { @class="chzn-select", @style="width:160px;" })
一個涉及 jQuery 的快速且(不是那麼)骯髒的解決方案。
不要在列表的開頭添加一個虛擬項目,而是在前面添加一個禁用的新選項。主要優點是您不必弄亂列表中的虛擬項目,最重要的是,您將無法在頁面中選擇該虛擬項目:
@Html.DropDownList("yourName", yourSelectList, new { @class = "form-control select-add-placeholder" })然後某處之後:
$(".select-add-placeholder").prepend("<option value='' disabled selected>Select an option...</option>");看起來像:
