MVC使用JQuery将下拉列表绑定到另一个下拉列表

我有两个ListBox（多选下拉列表类型），如下所示：

 @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%" })

我想得到以下一些选定国家的省份名单。

示例：

如果我有2个国家：越南，美国和3个省：河内，纽约，胡志明。

如果我选择越南=>下拉列表省将有河内和胡志明市可供选择。同样，如果我选择美国->只有纽约。Beyond如果选择所有国家越南，美国=>显示所有省份在控制器中，我得到了两个列表：

 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; }

如前所述，我想获得一些选定国家的省份名单。但我不想再次调用控制器来连接DB，只想通过jQuery或Js 在前端处理

每个人都能帮我吗？非常感谢。