ASP.NET MVC 2 - Html.DropDownList not working in an AJAX form

ASP.NET MVC 2 - Html.DropDownList not working in an AJAX form

I am trying to create an MVC 2 solution and I have run into the following problem:


<% using(Ajax.BeginForm("Forms", new AjaxOptions{UpdateTargetId="form", HttpMethod="POST"})) { %>     <h3>Input: </h3>      <p><%= Html.DropDownList("dropDown")%>     <input type="submit" value="Select Mission" /></p> <% } %> 


    public ActionResult Index()     {         var list = new [] { "item1", "item2", "item3" };         ViewData["dropDown"] = new SelectList(list);         return View();     }     public ActionResult Forms(string dropDown)     {         if (dropDown == null || dropDown == "")             ViewData["txt"] = "Ahhh...";         else             ViewData["txt"] = "You entered: " + dropDown;         return PartialView("Form", dropDown);     } 


<%: ViewData["txt"] %>

This does not print out the selected option from the DropDownList, as expected. However, the whole thing does work if I use an Html.TextBox instead. For example:

<div id="form">      <% using(Ajax.BeginForm("Forms", new AjaxOptions{UpdateTargetId="form", HttpMethod="POST"})) { %>         <h3>Input: </h3>          <%= Html.TextBox("textBox") %>         <input type="submit" value="Select Mission" /></p>     <% } %>  </div> 

(and refactor the method in the controller so that its argument is textBox instead of dropDown).

My question is why does the AJAX form work for an Html.TextBox, but not for an Html.DropDownList, or what am I doing wrong? My only idea is that maybe the argument in the controller is not supposed to be of type string when using a DropDownList, but this is really just a guess. Thanks in advance.

95 out of 100 based on 60 user ratings 255 reviews