从数据库条目创建 DropDownList，然后在表单提交中绑定它

Question

我在数据库表中存储了枚举条目，其中仅包含以下字段：ID 和 Name。我想在表单上的 DropDownList 内显示存储在该表中的值。然后，用户选择一个值并提交表单。

我 找到了一种从枚举轻松创建 DropDownList 的方法（尽管最好只使用表中所有记录的 Name 字段填充 DropDownList）。但是，我还没有找到一种方法可以稍后将表单提交中的 DropDownList 绑定到一个整数值，以便与其他表单值一起放入数据库（FK - PK）。

您能否提供一些示例代码来说明如何进行此类绑定？

更新：感谢您的精彩回答。我还有一个问题：是否可以通过 AJAX 获取 DropDownList 内容，并将其放入 ViewModel 中的 DropDownList 和 SelectList 中（同时包含 ID 和 Name 参数）？我想根据用户的输入有选择地获取内容，并且我希望 ViewModel 然后填充所获取的数据。

Answer 1

一如既往，首先定义模型：

public class MyViewModel
{
    public int SelectedValue { get; set; }
    public IEnumerable<SelectListItem> Items { get; set; }
}

然后是控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyViewModel
        {
            // TODO: Fetch from the database some enumerable collection 
            // containing Id and Name
            Items = new SelectList(new[]
            {
                new { Id = 1, Name = "item 1" },
                new { Id = 2, Name = "item 2" },
            }, "Id", "Name")
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        // TODO: Do something with model.SelectedValue
        return RedirectToAction("index");
    }
}

最后是强类型视图：

<% using (Html.BeginForm()) { %>
    <%: Html.DropDownListFor(x => x.SelectedValue, Model.Items) %>
    <input type="submit" value="OK" />
<% } %>