将 DropDownList 的选定项目传递给 ajaxy 调用的操作

Question

我需要以 ajaxy 方式将列表中所选项目的值传递给操作：

View:

<%= Html.DropDownList("ApplicationColumns", applicationColumns, new { @style = "width: 200px;" })%>
<%= Ajax.ActionLink("AddColumnToTrim", "AddColumnToTrim", new { columnName = ??? }, new AjaxOptions() { UpdateTargetId = "columnsDiv" })%>
<div id="columnsDiv"></div>

我这样做是因为我无法发布整个表单，只需要根据所选项目和显示执行一些逻辑它在局部视图中。 如何将 DropDownList 所选项目的值（或所选 SelectListItem）传递给我的操作？谢谢。

Answer 1

使用表单将是执行此操作的语义上正确的方法：

<% using (Ajax.BeginForm("AddColumnToTrim", "SomeController", new AjaxOptions { UpdateTargetId = "columnsDiv" })) { %>
    <%= Html.DropDownList("ApplicationColumns", applicationColumns, new { @style = "width: 200px;" })%>
    <button type="submit">AddColumnToTrim</button>
<% } %>

现在，提交此表单时，下拉列表的选定值将使用 AJAX 调用自动发送到控制器操作：

public ActionResult AddColumnToTrim(string ApplicationColumns)
{
    ...
}

并且，是的，您可以 设置此按钮的样式使其看起来像一个锚点。