如何在 ASP.NET MVC 中创建简单的 HTML DropDownListFor？

在 ASP.NET MVC 2 中构建基本的 HTML DropDownList

ASP.NET MVC 提供了一种使用静态选项生成 HTML 下拉列表的简化方法。 让我们创建一个简单的下拉菜单，其中包含“红色”、“绿色”和“蓝色”等选项。

1。定义模型：

首先，创建一个普通旧 CLR 对象 (POCO) 来表示您的数据。 这是一个 Color 类示例：

<code class="language-csharp">public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}</code>

2。填充下拉选项：

接下来，定义 Color 对象的静态列表来填充下拉列表的选项：

<code class="language-csharp">public static IEnumerable<Color> Colors = new List<Color> {
    new Color { ColorId = 1, Name = "Red" },
    new Color { ColorId = 2, Name = "Green" },
    new Color { ColorId = 3, Name = "Blue" }
};</code>

3。在视图中实现：

最后，在 ASP.NET MVC 视图中使用 Html.DropDownListFor() 帮助器来渲染下拉列表：

<code class="language-html">@Html.DropDownListFor(model => model.MyColorId, new SelectList(Color.Colors, "ColorId", "Name"))</code>

此代码使用 Colors 列表生成一个下拉列表。 ColorId 属性用作值，Name 属性用作显示的文本。所选值绑定到模型的 MyColorId 属性。

以上是如何在 ASP.NET MVC 中创建简单的 HTML DropDownListFor？的详细内容。更多信息请关注PHP中文网其他相关文章！