Asp.net-Mvc

asp.net mvc 如何為 html.dropdownlist 添加佔位符

  • August 14, 2020

我正在使用 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>");

看起來像:

在此處輸入圖像描述

引用自:https://stackoverflow.com/questions/16073464