MVC使用JQuery綁定下拉列表並跟隨另一個下拉列表

Question

我有兩個列表框（多選下拉列表類型），如下所示：

 @Html.ListBox("counTryIds", new SelectList(Model.CountryModels, "CountryId", "CountryName"), new { @class = "chosen-select", @id = "lbCountry", data_placeholder = "Select country...", style = "width: 100%" })
 @Html.ListBox("provinceIds", new SelectList(Model.ProvinceModels, "ProvinceId", "ProvinceName"), new { @class = "chosen-select", @id = "lbProvince", data_placeholder = "Select province...", style = "width: 100%" })

我想列出一些選定國家/地區的省份。

例：

如果我有兩個國家：美國越南和三個省：河內，紐約，胡志明市。

如果我選擇VietNam => Dropdownlist Province將有HaNoi和HoChiMinh供選擇。 同樣，如果我選擇USA->僅擁有NewYork。 如果不選擇所有國家，則越南，美國=>顯示所有省份在控制器中，我得到了2個列表：

 reportLand.CountryModels = countries.ToList();
 reportLand.ProvinceModels = provinces.ToList();

國家模型：

 public string CountryId{ get; set; }

 [Required(ErrorMessage = CommonConstants.ErrorRequired)]
 public string CountryName { get; set; }

和省型號：

[Required(ErrorMessage = CommonConstants.ErrorRequired)]
public string ProvinceId { get; set; }

[Required(ErrorMessage = CommonConstants.ErrorRequired)]
public string ProvinceName{ get; set; }

public string CountryId { get; set; }
public string CountryName { get; set; }

如前所述，我想列出一些選定國家/地區的省份。 但是我不想再次調用控制器來連接數據庫，僅通過jQuery或Js在前端進行處理

大家可以幫我嗎？ 非常感謝。

Answer 1

您需要使用Jquery或ajax來獲取解決方案。只需訪問以下鏈接即可，它對您有幫助

http://www.c-sharpcorner.com/UploadFile/4b0136/working-with-dropdownlist-in-mvc-5/

在選擇另一個下拉列表時填寫下拉列表