Comments on: ASP.NET MVC Cascading DropDownList with jQuery

By: Prashant

Prashant — Wed, 14 Jul 2010 14:01:51 +0000

Hi,
I like your post.
This is exact feature that i am looking for.
I need a button on page and selected values in DDL should get access in controller side.
could you please send me update code.

Thanks,
Prashant

By: ranjith

ranjith — Tue, 23 Feb 2010 01:32:52 +0000

How to Edit or Update these cascading dropdowns.

By: marco

marco — Thu, 18 Feb 2010 17:56:43 +0000

Hello ,
thanks for the really useful code you brought us.
I’ve managed to use it in my “Create” viewform and the data is correctly saved into my database. I would love to have some help tough , for my “Edit” View , cause i can’t really make the cascading dropdowns get the value i pass from my dbcontext.table in the controller. Any idea on how to set the values of the 2 dropdowns ?

Thanks , and sorry my bad english.

By: NVHien

NVHien — Wed, 30 Dec 2009 16:59:37 +0000

Instead of configure router, i use $.ajax() function to fire controller action.

$(document).ready(function() {
$.getJSON(“/Cascading/CountryList”, function(data) {
var items = “———————”;
$.each(data, function(i, country) {
items += “” + country.Text + “”;
});
$(“#Countries”).html(items);
});

$(“#Countries”).change(function() {
var countryId = $(‘#Countries’).val();
$.ajax({
url: ‘/Cascading/StateList/’,
type: ‘POST’,
dataType: ‘json’,
data: { CountryCode: countryId },
success: function(data) {
var items = “———————”;
$.each(data, function(i, state) {
items += “” + state.Text + “”;
});
$(“#States”).html(items);
}
});
});

});

By: Chris

Chris — Thu, 15 Oct 2009 20:30:53 +0000

Thanks for this post Mike. To help out everyone I posted a class with (most) the countries coded up in the collection. Anyone is welcome to download it from my blog.

Chris

By: paul mumgai

paul mumgai — Fri, 02 Oct 2009 10:13:18 +0000

Thank you for sharing this cool story

By: Mike

Mike — Mon, 21 Sep 2009 19:50:06 +0000

@Miroslav Ninkovi: On the server side I usually use HTML Helpers for that, but for the AJAX calls I’ve always hard coded the route. Also, I usually name all my routes in the Global.asax instead of using the usual Controller/Action route. I’ve never encountered any problems this way, but I’d be very interested in hearing what others do about this.

By: teatime

teatime — Thu, 17 Sep 2009 11:01:52 +0000

Great post, have found it very useful!

Any chance you can suggest a simple / efficient way of having the lists loaded and Country / State selected if there are values already chosen? The change event doesn’t seem to fire until a user actually selects an item

Cheers

By: Miroslav Ninkovi

Miroslav Ninkovi — Tue, 15 Sep 2009 08:16:33 +0000

Hallo Mike,
I really like you post. There is one thing that is bothering me and that is hardcoding url’s in jquery:

$.getJSON(“/Home/Countries/List”…)

When working with links and forms it is recommended to use helper methods like Html.ActionLink, Html.BeginForm so in case you change the routes you don’t have to bother to change anything.
I mean, what if in some point of time you want to change that MyHome is mapped to HomeController instead of Home?
How would you solve this problem?

By: Vik

Vik — Wed, 02 Sep 2009 21:08:37 +0000

Hi Mike,
Thanks for this post and for the updated code with the submit button. Could you a little more on it? I’m trying to retain the selected values for country and state in the drop down lists after hitting the submit button but I’m not sure how to do this. Would greatly appreciate your insight on this.
thanks
Vik