ASP.NET Core MVC如何為動態下拉列表選擇標籤助手？

在ASP.NET Core MVC中使用Select Tag Helper創建動態下拉列表

Select Tag Helper提供了一種靈活的方式，用於在Razor視圖中渲染HTML <select></select> 元素。它支持與視圖模型屬性的數據綁定，使您可以動態填充選項並設置選定的項目。

使用Select Tag Helper

Select Tag Helper具有以下屬性：

• asp-for: 將<select></select>元素綁定到視圖模型中的屬性。
• asp-items: 指定要在<select></select>元素中顯示的選項列表。
• asp-(其他属性): <select></select>元素的其他HTML屬性，例如class、id、multiple等。

綁定到選項列表

要將<select></select>元素綁定到選項列表，請使用asp-items屬性。該值可以是字符串、整數或自定義對象的集合。

例如，要將<select></select>元素綁定到員工姓名列表：

<select asp-for="EmployeeId" asp-items="@Model.EmployeesList"></select>

設置選定選項

要設置初始選定的選項，只需設置視圖模型中相應屬性的值即可。

public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> EmployeesList { get; set; }
}

public class Employee
{
    public int Id { get; set; }
    public string FullName { get; set; }
}

在控制器中：

public IActionResult Create()
{
    var vm = new MyViewModel();
    vm.EmployeesList = new List<Employee>
    {
        new Employee { Id = 1, FullName = "Shyju" },
        new Employee { Id = 2, FullName = "Bryan" }
    };
    vm.EmployeeId = 2; // 设置初始选定的员工
    return View(vm);
}

附加功能

Select Tag Helper提供其他功能，例如：

• 多選: 通過設置multiple屬性，您可以創建一個多選下拉菜單。
• 分組: 您可以使用每個SelectListItem對象的asp-group屬性對選項進行分組。
• 自定義值和顯示屬性: 通過指定asp-data-value-field和asp-data-display-field屬性，您可以自定義選項的值和顯示文本。
• 驗證: Select Tag Helper支持使用asp-validation-for屬性進行非侵入式驗證。

通過利用這些功能，您可以在ASP.NET Core MVC應用程序中創建豐富且動態的下拉列表。

以上是ASP.NET Core MVC如何為動態下拉列表選擇標籤助手？的詳細內容。更多資訊請關注PHP中文網其他相關文章！