Html.DropDownList 呈现不同的 HTML. 隐藏的选择和可见列表

Question

我是MVC ASP.NET 新手，但我在WebForms上工作过 ASP.NET。 我正在尝试创建一个下拉列表。我阅读了文章如何填充下拉列表。 这是我的代码 控制器：

ViewData["Categories"] = new List<SelectListItem>()
{
new SelectListItem(){Text = "cate 1", Value = "1"},
new SelectListItem(){Text = "cate 2", Value = "2"},
new SelectListItem(){Text = "cate 3", Value = "3"},
new SelectListItem(){Text = "cate 4", Value = "4"},
new SelectListItem(){Text = "cate 5", Value = "5"}
};
return View();

视图：

<div>
@Html.DropDownList("Category",(IEnumerable<SelectListItem>)ViewData["categories"])

</div>
<div>
@Html.DropDownListFor(model=>model.Category,(IEnumerable<SelectListItem>)ViewData["Categories"]);
</div>

型：

public class Home {
public int Category { get; set; }
public List<string> CategoryList { get{return new List<string>(){"cate1","cate2","cate3","cate4",};} }
}

这是以Home命名的，因为我将其用作ViewModel。 实际模型类是不同的，尚未交互。

这是我得到的输出：

在浏览器信息部分中输出 HTML 代码

Abybody可以帮助如何在没有display:none的情况下获得Onlu选择零件吗？

Answer 1

正如@David在评论中提到的，是名为jquery.nice-select.min的js库.js产生了这样的结果。 道歉