下拉列表（dropdownlist）是Web应用程序中最常用的元素之一。 在ASP.NET MVC中，有多种方法可以创建和使用下拉列表。 在本文中，我们将介绍。

1. 定义Dropdownlistfor

DropDownListFor方法是HtmlHelper类中的一个扩展方法，它允许我们创建一个下拉列表并将其绑定到一个模型属性，如下：

在上面的代码中，我们定义了一个名为colors的下拉列表，其中SelectedColor是我们要绑定和显示的模型属性。 选项列表是由SelectList对象定义的。 该对象需要两个参数：要绑定到下拉列表的选项列表和默认选中的选项。 您还可以使用命名参数language：“French”或您在SelectList对象上公开的任何其他属性来自定义下拉列表。

2. 绑定到数据模型

最常见的任务之一是将下拉列表绑定到数据模型。 要执行此操作，请按照以下步骤操作：

创建选项列表

使用SelectList对象创建选项列表。 SelectList由两个参数定义：数据源和文本字段。

创建视图模型

接下来，您需要创建一个ViewModel来存储您的下拉列表的值。 您的ViewModel应该包括一个用于存储下拉列表所选值的属性，例如下面的代码片段所示：

public class MyViewModel

{

public string SelectedColor { get; set; }

public IEnumerable Colors { get; set; }

}

请注意，我们的ViewModel在Colors属性中包含为下拉列表定义的选项列表。

在View中使用ViewModel

您可以使用ViewModel将下拉列表绑定到View。 在View文件中使用下面的代码片段来创建下拉列表：

@Html.DropDownListFor(m => m.SelectedColor, Model.Colors)

在上面的代码片段中，我们在下拉列表中定义了两个参数：模型属性m.SelectedColor和视图模型的反射Model.Colors。

3. 实现jQuery选择器

一旦下拉列表绑定到模型，您可能希望为其添加jQuery选择器以对模型进行操作。 要执行此操作，请按照以下步骤操作：

为下拉列表设置Id

为下拉列表设置Id，以便我们可以使用jQuery选择器将其选中。 您可以在Html.DropDownListFor（）方法中通过添加HtmlAttributes来轻松添加Id，如下所示：

@Html.DropDownListFor(m => m.SelectedColor, Model.Colors, new { @id = "myDropdown" })

使用jQuery选择器

接下来，在JavaScript代码中使用$（）函数，为您的列表Id创建选择器，如下所示：

$(‘#myDropdown’)

在上面的代码中，我们选择了一个名为“myDropdown”的下拉列表。

您还可以使用其他jQuery函数，如.on（’change’）和.val（）操作下拉列表。 这些函数使您可以在发生更改时获取下拉列表的某一值。 例如：

$(‘#myDropdown’).on(‘change’, function () {

var selectedValue = $(this).val();

});

在上面的代码中，我们在选择列表中的选项时，使用.val（）函数来获取所选值。

4. 从数据库中获取值

如果您需要从数据库中获取下拉列表的值，则可以使用LINQ查询。 请参阅以下代码示例：

public IEnumerable GetColors()

{

using (var context = new MyDatabaseContext())

{

List colors = context.Colors.AsNoTracking()

.OrderBy(n => n.ColorName)

.Select(n =>

new SelectListItem

{

Value = n.ColorId.ToString(),

Text = n.ColorName

}).ToList();

var colortip = new SelectListItem()

{

Value = null,

Text = "---select color---"

};

colors.Insert(0, colortip);

return new SelectList(colors, "Value", "Text");

}

}

在上面的代码中，我们使用AsNoTracking（）方法使用LINQ查询从我们的数据库中检索所有颜色。 然后，我们将结果转换为IEnumerable。 最后，我们将新的SelectList对象返回给ViewModel。

5. 将值保存到数据库

您可以使用Entity Framework DbContext将SelectedColor属性值保存到数据库。 参考以下代码片段：

[HttpPost]

public ActionResult Create(MyViewModel viewModel)

{

if (ModelState.IsValid)

{

var model = new MyModel();

model.SelectedColor = viewModel.SelectedColor;

var context = new MyDatabaseContext();

context.MyModels.Add(model);

context.SaveChanges();

return RedirectToAction(“Index”);

}

return View();

}

在上面的代码中，我们实例化一个MyModel对象，并将ViewModel的SelectedColor属性复制到该对象中。 接下来，我们将对象添加到DbContext中，并调用SaveChanges（）方法将模型保存到数据库中。

结论

在本文中，我们介绍了ASP.NET MVC中dropdownlistfor的常见用法及实现方式。 如果您遵循此指南，您将能够创建和绑定下拉列表，使用jQuery选择器操作下拉列表并将下拉列表值保存到数据库。 希望这篇文章能帮助您更好地了解ASP.NET MVC中dropdownlistfor的使用。