DropDown list onchange event and AJAX in MVC

Question

I have a code block in my MVC view as follows:

<%using (Ajax.BeginForm("MyAction", new { action = "MyAction", controller = "Home", id = ViewData["selected"].ToString() }, new AjaxOptions { UpdateTargetId = "Div1" }))
     { %>
          <%=Html.DropDownList("ddl", ViewData["MyList"] as SelectList, new { onchange = "this.form.submit()" })%>
                 <%} %>

I want to set the value of ViewData["selected"] so that i can send it to the desired action. Can anyone please suggest how can i do this?

thanks!

Johannes Setiabudi · Accepted Answer · 2010-02-10 17:20:27Z

13

Instead of using a form, why not use a jQuery onChange event on your drop down?

$(document).ready(function() {
    $("#ddl").change(function() {
        var strSelected = "";
        $("#ddl option:selected").each(function() {
            strSelected += $(this)[0].value;
        });
        var url = "/Home/MyAction/" + strSelected;

        $.post(url, function(data) {
            // do something if necessary
        });
    });
});

answered Feb 10, 2010 at 17:20

Johannes Setiabudi

2,1071 gold badge17 silver badges29 bronze badges

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

2 Comments

Piotr Kula Over a year ago

This is the correct answer on how to do it with a form and ASP.MVC. stackoverflow.com/q/10566923/706363

Shaiju T Over a year ago

some use $.ajax({ and you are using $.post, so what is the difference which is best for ajax Get and Post ?

Ricky Supit · Accepted Answer · 2010-02-10 12:38:12Z

2

ViewData is not the place to pass data back to the server side. Values of html input controls within form tag are conveniently available in action method. You can get these values either from various types of action method arguments (model, formcollection etc).

Here is a link to free asp.net mvc ebook tutorial. Is a good resource for asp.net mvc.

answered Feb 10, 2010 at 12:38

Ricky Supit

3,4205 gold badges28 silver badges21 bronze badges

1 Comment

joshmcode Over a year ago

@Elisabeth This is super old, but I couldn't help but notice your comment: When Ricky posted this, MVC 2.0 had only been released for about 2 months, so it was a legitimate link at the time :-)

orsini · Accepted Answer · 2016-04-28 18:57:53Z

0

Found solution at this post it is just small chnge

Yes, that’s right – only change is replacing:

onchange = “this.form.submit();”

with:

onchange = “$(this.form).submit();”

answered Apr 28, 2016 at 18:57

orsini

1

Collectives™ on Stack Overflow

DropDown list onchange event and AJAX in MVC

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related