Заполните раскрывающийся список при выборе другого выпадающего списка

Я использую MVC, и я все еще новичок в MVC. Может ли кто-нибудь сказать мне, можете ли вы заполнить выпадающий список данными о выборе другого выпадающего списка.

Я хочу использовать JQuery, чтобы избежать обратных передач и, следовательно, сделать страницу более плавной.

    введите описание изображения здесь

    введите описание изображения здесь

    введите описание изображения здесь

    Модель:

    namespace MvcApplicationrazor.Models { public class CountryModel { public List StateModel { get; set; } public SelectList FilteredCity { get; set; } } public class State { public int Id { get; set; } public string StateName { get; set; } } public class City { public int Id { get; set; } public int StateId { get; set; } public string CityName { get; set; } } } 

    controller:

     public ActionResult Index() { CountryModel objcountrymodel = new CountryModel(); objcountrymodel.StateModel = new List(); objcountrymodel.StateModel = GetAllState(); return View(objcountrymodel); } //Action result for ajax call [HttpPost] public ActionResult GetCityByStaeId(int stateid) { List objcity = new List(); objcity = GetAllCity().Where(m => m.StateId == stateid).ToList(); SelectList obgcity = new SelectList(objcity, "Id", "CityName", 0); return Json(obgcity); } // Collection for state public List GetAllState() { List objstate = new List(); objstate.Add(new State { Id = 0, StateName = "Select State" }); objstate.Add(new State { Id = 1, StateName = "State 1" }); objstate.Add(new State { Id = 2, StateName = "State 2" }); objstate.Add(new State { Id = 3, StateName = "State 3" }); objstate.Add(new State { Id = 4, StateName = "State 4" }); return objstate; } //collection for city public List GetAllCity() { List objcity = new List(); objcity.Add(new City { Id = 1, StateId = 1, CityName = "City1-1" }); objcity.Add(new City { Id = 2, StateId = 2, CityName = "City2-1" }); objcity.Add(new City { Id = 3, StateId = 4, CityName = "City4-1" }); objcity.Add(new City { Id = 4, StateId = 1, CityName = "City1-2" }); objcity.Add(new City { Id = 5, StateId = 1, CityName = "City1-3" }); objcity.Add(new City { Id = 6, StateId = 4, CityName = "City4-2" }); return objcity; } 

    Посмотреть:

     @model MvcApplicationrazor.Models.CountryModel @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; }   

    MVC Cascading Dropdown List Using Jquery

    @using (Html.BeginForm()) { @Html.DropDownListFor(m => m.StateModel, new SelectList(Model.StateModel, "Id", "StateName"), new { @id = "ddlstate", @style = "width:200px;", @onchange = "javascript:GetCity(this.value);" })



    }
    Давайте будем гением компьютера.