@Html.DropDownListFor onchange没有调用所述的操作方法

Question

我试图在视图中对下拉值的更改调用一个控制器方法"GetTasksList“。然而，一旦下拉列表发生变化，控制器的“编辑”方法就会被调用，并将表单提交给数据库。这是不可取的，因为我试图根据下拉值从数据库中获取任务列表。

在这里输入图像描述

视图

 @Html.DropDownListFor(x => x.AuditDecision, (SelectList)ViewBag.ListofAuditDecision, "Please select", new { @class = "form-control input-10", id = "AuditStatus", onchange = "testing();", @style = "width: 300px;" })

<script>
  function testing() {
        alert("in testing");
        document.forms[0].action = 'GetAuditTasksList';
       // window.location.href = 'GetAuditTasksList';
        document.forms[0].submit();
    }
</script>

控件转到下面的方法

 [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Edit(Audit audit)
        {
 //submitting to database
}

而不是

[HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult GetAuditTasksList(Audit audit)
        {
}

Answer 1

您应该使用帮助器方法为表单生成正确的操作uri。通过这种方式，您可以显式地传递任何必需的参数，并且不受将来对路由规则的任何更改的保护。例如；

    document.forms[0].action = '@Url.Action("GetAuditTasksList", ... )';