Dependent Dropdown-Lists using DropDownListFor

Question

I got two drop down in a MVC Razor-View:

@Html.DropDownListFor(x => x.SelectedPrefix, Model.GetAssignablePrefixes() , new { @id = "prefixDropDown" }) 
@Html.DropDownListFor(x => x.SelectedSuffix, Model.GetAssignableSuffixes(Model.SelectedPrefix) , new { @id = "suffixDropDown" })

Selection of the first dropdown should change the content of the second dropdown depending of the value selected in the first dropdown. (Therefor the method GetAssignableSuffixes(Model.SelectedPrefix) is called)

As there are quite complex calculations, I do not want put all the logic into a JavaScript-method

I've found some "quite" simular questions here at SO, but not with DropDownListFor. Is there an approach fior that?

Craig W. · Accepted Answer · 2013-09-04 15:54:27Z

2

DropDownListFor is evaluated on the server when the page is first rendered. You're going to have to do this at least partially client-side. You could push the calculations onto the server by doing an AJAX call when the first dropdown changes and then populate the second dropdown with the results returned by the AJAX call.

answered Sep 4, 2013 at 15:54

Craig W.

18.2k6 gold badges52 silver badges83 bronze badges

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

Collectives™ on Stack Overflow

Dependent Dropdown-Lists using DropDownListFor

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related