Sending form with Select List

Question

I am using this code to post value of selected item from the view to the controller

@using (Html.BeginForm())
{
        @Html.DropDownListFor(model => model.MyVar, (SelectList)ViewData["List"])
        <button name="Button" value="Valider">Valider</button>

}

Is there a way to send the value when the selection change in the select list (without the need to click on the button) ?

Inspector Squirrel · Accepted Answer · 2014-08-18 11:07:57Z

2

If you name the SelectList in the ViewData the same as the name of the variable in your Model, MVC will figure the rest out for itself.

So your dropdown would look like:

@Html.DropDownList(ViewData.MyVar, String.Empty)

This is as opposed to naming your ViewData item 'List'.

answered Aug 18, 2014 at 11:07

Inspector Squirrel

2,5462 gold badges29 silver badges38 bronze badges

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

Comments

Ehsan Sajjad · Accepted Answer · 2014-08-18 11:08:35Z

1

yes you can do it via JQUERY, on dropdown selection change post the form via jquery:

add id to drop down:

@Html.DropDownListFor(model => model.MyVar, (SelectList)ViewData["List"], new { id="SomeId"})

and write jquery event:

$(function(){

    $("#SomeId").change(function(){

        $(this).closest("form").submit(); // this will post the form
    });   

});

answered Aug 18, 2014 at 11:08

Ehsan Sajjad

62.6k16 gold badges113 silver badges171 bronze badges

1 Comment

Tobias Over a year ago

you could also directly insert the javascript/jquery code to the html-attributes: new {id="SomeId", onchange="$(this).closest(\"form\").submit()"}

Collectives™ on Stack Overflow

Sending form with Select List

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related