部分视图mvc4上的级联下拉菜单

Question

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

部分视图：

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

有什么建议吗？

Answer 1

我认为问题在于 jquery 没有触发事件，因为您动态创建了第二个下拉列表，请尝试更改：

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

为此：

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