如何在 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中文網其他相關文章！