How to Create Cascading Dropdown List | Country, State and City Cascading Example in ASP.NET CORE

[@DG-cd3jb]

Hi. It’s very informative. I have a usecase that is required to make an Ajax call to the google-city-list api once user enter postal code, then we need to auto populate city and the country on the registration page dropdown fields, then state should be auto populate once user choose the city. If there are multiple cities and the countries for the same zip code, then populate list of cities in the dropdown and country dropdown, but for the country dropdown field must be append with “not found or other” option during multiple countries in the backend api response. Any helpful references and thoughts on this usecase ?

[@linhngo841]

Thank you very much It's useful for me

[@CodeWithGopi]

Thanks for your valuable feedback and support 👍

[@raimontanez6321]

Great explanations. I followed step by step and it worked for me. The one thing I had issue with that wasn't clear is in the js file you have to make sure data.id and data.name match the names as they are in the model. In my case it was data.id and data.transactionTypeName.

[@TrendPulse-m9n]

Pls make a video on how to add the country, state and city file

Great job, one question, what if there are some other controls that have DataAnnotations like required but after the ajax calls the messages errors don´t display anymore, how could send all the validations messages in dataannotations again? thanks

[@bhanuchaurasia6335]

Jabardast

[@nesarazimi2221]

Thanks for your nice tuttorial.
could you explain how to work with cascading dropdown in edit menu i want
the drop down lists to be selected as what i selected in create page

[@shabanelmogy7912]

thanks

[@josephpondugula458]

Great Job explaining. can you Please provide source code link

[@erickdouglas]

hello! how can I cascade this DropDownList in the Create view?

[@nikby7301]

I'm in error. How to fix if in the first sheet when outputting it writes: undefined

[@rajaji83]

did you find any solution to it

[@raimontanez6321]

@@rajaji83 I had this problem as well. It took me a minute to figure it out but you have to make sure this line of code
$('#countries').append('' + data.name + '' (in the js file) that data.id and data.name are the model field names. In my case it was data.id and data.transactionTypeName. Hope this helps.

[@simrankumari9438]

When I return JsonResult(countries) it shows error JsonResult is not a constructor

[@TwinkleChaudhari-w2r]

why it's showing blank? I can't see any dropdown list?

[@chandrakumar1053]

how can resolve

[@Xmukherjee]

Server Certificate error can also be fixed with ;Encrypt=False (in case of sql server authertication)
"ConnectionStrings": {
"DefaultConnection": "Data Source=YORK;Initial Catalog=DBONE;Persist Security Info=True;User ID=sa;Password=@password;Encrypt=False"
},

[@chandrakumar1053]

jquery is not working

[@ppp5921]

can u explain in Hindi ?