Asp.net mvc 4 局部视图mvc4上的级联下拉列表

我有一个部分视图，其中有几个文本框以及城市/州/国家的3个ddl。我有一个视图模型来最初加载国家/州/城市数据。我根据主视图上下拉更改事件之一的值加载此部分视图。我的问题是在我的主视图上渲染的部分视图上的dropdownlist的更改事件没有触发

部分观点：

@model CarrierClaims.Web.ViewModels.CarrierLocationViewModel
@Html.DropDownListFor(model=>model.CarrierLocation.CountryId,Model.CountryList,"-Select Country-")

• 我的js在我的主视图上

  $("#CarrierLocation_CountryId").change(function () {
  
          var url = '@Url.Content("~/")' + "Claims/GetStateList";
          var ddlsource = "#CarrierLocation_CountryId";
          var ddltarget = "#CarrierLocation_StateId";
          $.getJSON(url, { id: $(ddlsource).val() }, function (data) {
              $(ddltarget).empty();
              $.each(data, function (index, optionData) {
                  $(ddltarget).append("<option value='" + optionData.Value + "'>" + optionData.Text + "</option>");
              });
  
          });
      });
  

  $（“#CarrierLocation_CountryId”）。更改（函数（）{
  var url='@url.Content（“~/”）+“Claims/GetStateList”；
  var ddlsource=“#载波位置_CountryId”；
  var ddltarget=“#CarrierLocation_StateId”；
  $.getJSON（url，{id:$（ddlsource）.val（）}，函数（数据）{
  $（ddltarget）.empty（）；
  $.each（数据、函数（索引、选项数据）{
  $（ddltarget）.append（“+optionData.Text+”）；
  });
  });
  });
  

---

有什么建议吗？

我认为问题在于jquery不会触发事件，因为您以友好方式创建了第二个下拉列表，请尝试更改此选项：

$("#CarrierLocation_CountryId").change(function () {  

为此：

$(document.body).on('change', '#CarrierLocation_CountryId', function() {

---

我认为问题在于jquery不会触发事件，因为您以友好方式创建了第二个下拉列表，请尝试更改：

$("#CarrierLocation_CountryId").change(function () {  

为此：

$(document.body).on('change', '#CarrierLocation_CountryId', function() {

---

你的级联dropdows在没有局部视图的情况下工作吗？你的级联dropdows在没有局部视图的情况下工作吗？Carlos Corral Carvajal-代码工作正常，但我有多个ddl，最初用于状态，当我在city使用它时，浏览器挂起，并给出js stop脚本消息。有什么建议我如何将其用于多个ddl吗？Carlos Corral Carvajal-代码运行良好，但我有多个ddl，最初用于状态，当我将其用于city时，浏览器挂起并给出js停止脚本消息。有什么建议吗？我如何将其用于多个DDL？