jQuery Chosen在填充时不显示数据占位符

Question

我在我的ASP.NET MVC应用程序中使用jQuery Chosen插件.data-placeholder当下拉列表中包含项目时,该属性不起作用.它不会显示默认文本,而是自动选择列表中的第一项.

这是我定义下拉列表的方式.

@Html.DropDownListFor(m => m.Keep, Model.Data, 
     new { @class = "chzn-select", data_placeholder = "Default..." })

如果Model.Data为空(使用EF在视图模型中填充),则显示默认文本.否则,选择第一个项目.我总是希望我的下拉列表显示默认值.

我通过$('.chzn-select').chosen();Nothing特殊应用插件.

有任何想法吗 ？提前致谢.

Answer 1

您需要先添加一个空选项.

根据文件 - http://harvesthq.github.com/chosen/

注意:在单个选择上,假定第一个元素由浏览器选择.要利用默认文本支持,您需要包含一个空白选项作为选择列表的第一个元素.

也许使用jQuery来添加它

$(".chzn-select").prepend("<option></option>");

Answer 2

@Html.DropDownListFor(model => model.categoryModel.Id, ViewBag.CategoryList as SelectList, "", new { @class = "chzn_a", data_placeholder = "Choose Category.." })

如果以下代码对您不起作用,请在您的SelectList之后添加""

$(".chzn_a").prepend("<option></option>");