使用ajax將DropDrownList中的值傳遞給控制器​​

Question

我有兩個文本框和一個下拉列表。我已經通過Ajax.BeginForm（）方法將文本框的值傳遞給控制器​​操作方法。但是如何傳遞dropdownlist的值，因爲它沒有通過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的評論，我已更新模型以包含選項列表。