ASP.Net MVC Submitting Ajax Form Via JQuery

Question

I have an Ajax form that updates a div when submitted with a submit button this works fine. However I want to remove the submit button and have the form submit automatically when a user changes a selection in a drop down list.

I wrote the following JQuery for this in the dropdown change event

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

The problem with this is that is does not trigger the onSubmit event of the form causing the render partial to render to a new page and not into a div in the current window.

How can I make the JQuery submit the form and also trigger the onsubmit event?

Thanks

Mathias F · Accepted Answer · 2009-07-07 15:38:44Z

4

How do you submit the Ajax request? If you use $.Ajax you can use this:

  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
        }
      });
    });
    }

answered Jul 7, 2009 at 15:38

Mathias F

16k25 gold badges95 silver badges167 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

eu-ge-ne Over a year ago

But what about onsubmit event?

Dave Archer Over a year ago

he can add the onsubmit() behaviour to the callback here

Will Asrari · Accepted Answer · 2009-07-07 21:18:00Z

0

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

You can replace 'connectDropDown()' with whatever function you want to call and pass your form into it so you can retrieve your values.

answered Jul 7, 2009 at 21:18

Will Asrari

291 bronze badge

1 Comment

redsquare Over a year ago

thought we were trying to get away from inline script attributes and be unobtrussive!

Collectives™ on Stack Overflow

ASP.Net MVC Submitting Ajax Form Via JQuery

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related