将选定的下拉列表值从视图传递到控制器

Question

我想将一个参数（字符串）从我的视图传递给我的控制器。该值应该是从视图的下拉列表中选择的值。该方法在按钮单击后调用，但在Controller中，参数始终为null。

在视图中：

    @using (Html.BeginForm("Send", "Overview", FormMethod.Get))
    {
        <p>Email: @Html.DropDownList("Emails", Model.GetEmails())
        <input type="submit" value="Send" />
        </p>

    }

在控制器中：

    public ActionResult Send(string email)
    {
        // email is always null!
        return null;
    }

在概览模型中：

    private List<SelectListItem> emails;
    ...
    public Overview()
    {
        emails = new List<SelectListItem>();
        emails.Add(new SelectListItem() { Text = "a@b.com", Value = "a@b.com", Selected = true });
        emails.Add(new SelectListItem() { Text = "b@c.com", Value = "b@c.com", Selected = false });
        emails.Add(new SelectListItem() { Text = "c@d.com", Value = "c@d.com", Selected = false });
    }
    ...
    public List<SelectListItem> GetEmails()
    {
        return emails;
    }

您能帮我完成这项工作吗？我错过了什么？ （顺便说一句，请不要介意控制器现在返回 null :)）。

Answer 1

根据您的术语，我猜您对正在发生的事情感到困惑。你永远不会从视图发送任何东西到控制器。相反，视图是组装 Html 以发送到 Web 浏览器的东西。所以实际发生的事情是这样的：

• 您的浏览器从您的服务器 (IIS) 请求 /MyApp/Overview
• IIS 将其拾取并将其发送到 Asp.Net
• Asp.Net Mvc 看到请求并通过 routing 确定您要在 MyAppController 类上调用 Overview 方法
• 该方法运行并生成一个模型
• Asp.Net Mvc 将模型传递给视图引擎，该引擎运行您的视图以生成 html
• html 返回到 IIS，然后将其发送到您的浏览器
• 您的浏览器将 html 显示为选择控件。
• 用户做出选择并点击表单上的“提交”
• 浏览器对其提交进行编码，并将其发送到表单动作属性中的 url（例如<form method=POST action="/MyApp/Send>）
• IIS 提取并发送到 Asp.Net
• Asp.Net Mvc 看到请求并通过 routing 确定您要在 MyAppController 类上调用 Send 方法
• Asp.Net Mvc 发现您的方法需要一个名为 email 的字符串参数，并尝试使用 模型绑定 在提交的表单数据中查找此信息
• Asp.Net Mvc 使用找到的参数值（如果可用）调用Send 方法
• ...

您没有为我提供足够的上下文来分析问题所在，但我的猜测是 @Html.DropDownList("Emails", Model.GetEmails()) 正在生成类似 <select name="Emails"> ....</select> 的内容。这意味着当模型绑定发生时，它正在寻找提交的“电子邮件”输入，但什么也没找到。而是尝试使用@Html.DropDownList("email", Model.GetEmails()) 之类的方法来使其正常工作。

无论如何，这在语义上更正确，因为当控件显示电子邮件（复数）时，用户实际上通过选择电子邮件（单数）与它交互。把它想象成一个文本框，你不会用复数来命名它。

顺便提一下，这里有几个巨大的安全漏洞。通过将电子邮件地址作为输入到您的方法中，似乎任何人都可以在他们的浏览器中打开开发人员工具并使用您的服务向任何电子邮件地址发送电子邮件！垃圾邮件发送者喜欢找到这样的不安全服务。一个更好的解决方案是将生成的选择列表中的值作为您希望通过电子邮件发送的用户的 id，并在 Send 方法中将 id 作为输入。此外，Send 绝对不能通过 Http GET 访问（所以在此处放置一个 [HttpPost] 属性！）。如果它允许 GET，即使这是在登录页面后面，我也可以欺骗已登录的用户访问带有 <img src="http://yoursite.com/MyApp/Send/?email=personIWantToSpam@example.com" /> 的表单，并且每次他们访问该页面时都会有人收到垃圾邮件。

Answer 2

你可以在你的模型中使用一个字符串，

public string emails { get; set; };

然后在您的视图上使用DropDownListFor，

@Html.DropDownListFor(x => x.emails, Model.GetEmails())

并直接从POST上的模型中获取值。

[HttpPost]
public ActionResult Send(OverviewViewModel overviewModel)
{
    //here is the value from the drop down
    var theEmail = overviewModel.emails;
}