Question

我有一个Ajax表单，当使用提交按钮提交时更新div这很好用。但是，我想删除提交按钮，并在用户更改下拉列表中的选项时自动提交表单。

我在下拉列表更改事件中为此编写了以下JQuery

$("#SummaryFilterForm").submit();

这样做的问题是，不会触发表单的onSubmit事件，导致render partial渲染到新页面而不是当前窗口中的div。

如何让JQuery提交表单并触发onsubmit事件？

由于

Answer 1

您如何提交Ajax请求？如果你使用$ .Ajax，你可以使用：

  function connectDropdown() {

    $("select#drpFilter").unbind('change').change(function() {

      $.ajax({
        type: "POST",
        url: "/YourController/YourAction",
        data: {
          YourParameter: someValue,

        },
        dataType: "json",
        success: function(result) {
          alert('works like a charm');
          //update div here
        }
      });
    });
    }

Answer 2

<form name="SummaryFilterForm" id="SummaryFilterForm" onsubmit="connectDropDown(this); return false;">

您可以将'connectDropDown（）'替换为您要调用的任何函数，并将表单传递给它，以便您可以检索您的值。

ASP.Net MVC通过JQuery提交Ajax表单

2 个答案: