在 ASP.NET MVC web 應用程序中，DropDownLists 是一種常見的控件，用于創建動態下拉菜單。它們允許用戶從一組預定義的值中進行選擇，為用戶界面提供了一種簡單直觀的方式。

創建一個 DropDownList

要創建一個 DropDownList，可以使用 DropDownListFor HTML 助手方法。它接受三個參數：

• 模型屬性的名稱
• 選項列表

• （可選）HTML 屬性字典

例如，以下代碼創建一個名為 "Country" 的 DropDownList，其中包含美國、英國和加拿大的選項：

@Html.DropDownListFor(m => m.Country,new SelectList(new[] { "United States", "United Kingdom", "Canada" }))

自定義下拉菜單

除了提供一組預定義的值，您還可以自定義下拉菜單的外觀和行為，例如：

• 添加默認選項
• 預選一個選項

• 設置控件的大小和樣式

請參閱以下示例代碼：

@Html.DropDownListFor(m => m.Country,new SelectList(new[] { "United States", "United Kingdom", "Canada" }),"Please select a country",new { @class = "form-control" })

使用 DropDownListFor 模型綁定

DropDownLists 與模型綁定很好地配合使用，它允許自動將用戶在控件中選擇的選項傳遞給控制器操作。為此，請確保模型屬性的類型與選項列表中的值的類型匹配。

例如，如果模型中的 "Country" 屬性是一個string，則選項列表中的值也應該是 string：

public class MyModel {public string Country { get; set; } } @Html.DropDownListFor(m => m.Country,new SelectList(new[] { "United States", "United Kingdom", "Canada" }))

使用 DropDownListFor Enum 值

對于基于枚舉的屬性，您還可以使用 DropDownListFor 來創建下拉菜單。它將自動將枚舉的成員轉換為選項列表。

例如，以下代碼創建了一個名為 "Gender" 的 DropDownList，其中包含 Gender 枚舉的成員：

public enum Gender {Male,Female }public class MyModel {public Gender Gender { get; set; } } @Html.DropDownListFor(m => m.Gender)

使用 DropDownListFor 分組選項

DropDownLists 還支持將選項分組。要做到這一點，請使用 OptGroup 對象。例如，以下代碼創建一個下拉菜單，其中選項按類別分組：

@Html.DropDownListFor(m => m.Product,new SelectList(new[]{new { Value = "1", Text = "Product 1", Group = "Category A" },new { Value = "2", Text = "Product 2", Group = "Category A" },new { Value = "3", Text = "Product 3", Group = "Category B" },new { Value = "4", Text = "Product 4", Group = "Category B" }}, "Value", "Text", "Group"))

結論

DropDownLists 是 ASP.NET MVC 中創建動態下拉菜單的有力工具。它們易于使用，且可以根據需要進行高度定制。通過遵循本文中的指南，您可以創建有效且用戶友好的下拉菜單，以增強您的 Web 應用程序的用戶體驗。

---

---

相關標簽： 在、 MVC、 的完整指南、 ASP.NET、 DropdownListFor、 中創建動態下拉菜單、 dropdown、

上一篇：掌握DropdownListForAspNetMVC中必備的表單

下一篇：使用DropdownListFor簡化MVC中的下拉菜單使