使用 ajax 将下拉列表中的值传递给控制器

Question

我有两个文本框和一个下拉列表。我已经通过 Ajax.BeginForm() 方法使用它们的 id 将文本框的值传递给控制器​​操作方法。但是如何传递下拉列表的值，因为它没有由 id 定义。这是我的代码：

DeliveryIndex.cshtml：

@using (Ajax.BeginForm("CustomerFilter", "Delivery", new System.Web.Mvc.Ajax.AjaxOptions
{
    InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace,
    HttpMethod = "POST",
    UpdateTargetId = "deliverylist"
 }))
{               
<input id="from" name="from" type="text" />

<input id="to" name="to" type="text" />

@Html.DropDownList("CUS_NAME",null,"--Select Customer--",new { @Style = "WIDTH:169PX" })

<input type="submit" value="View" id="BtnSubmit" />
}

控制器：

public class DeliveryController : MasterController
{
    public ActionResult DeliveryIndex()
    {      
        ViewBag.CUS_NAME = new SelectList(db.CUSTOMER_MASTER.ToList().OrderBy(c => c.CUS_NAME), "CUS_NAME", "CUS_NAME");
        return View("DeliveryIndex");      
    }

    [HttpPost]
    public ActionResult CustomerFilter(string from, string to, string )
    {     
    ....   
    }
}

Answer 1

根据您的示例，参数应为CUS_NAME。

将您的操作更改为：

[HttpPost]
public ActionResult CustomerFilter(string from, string to, string CUS_NAME)
{     
....   
}

会通过，但我建议使用强类型视图模型。

举个例子：

查看模型

public class FooViewModel
{
  public string From { get;set; }
  public string To { get;set; }
  // represents the selected value
  public string CusName { get;set; }
  public List<Customer> AvailableCustomers { get;set;}
}

public class Customer 
{
  public int Id { get;set;}
  public string Name { get;set;}
}

动作

[HttpPost]
public ActionResult CustomerFilter(FooViewModel model)
{     
 ....   
}

查看

@model FooViewModel
@using (Ajax.BeginForm("CustomerFilter", "Delivery", new System.Web.Mvc.Ajax.AjaxOptions
{
    InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace,
    HttpMethod = "POST",
    UpdateTargetId = "deliverylist"
 }))
{               
   @Html.TextBoxFor(m => m.From)
   @Html.TextBoxFor(m => m.To)
   @Html.DropDownListFor(m => m.CusName, new SelectList(model.AvailableCustomers, "Id", "Name"),"--Select Customer--",new { @Style = "WIDTH:169PX" })
   <input type="submit" value="View" id="BtnSubmit" />
}

更新 根据 Stephen Muecke 的 cmets，我更新了模型以包含选项列表。