1

都市/州/国用の 3 つの ddl とともに、いくつかのテキスト ボックスを含む部分的なビューがあります。国/州/都市データを最初にロードするためのビューモデルが 1 つあります。メイン ビューのドロップダウン変更イベントの 1 つからの値に基づいて、この部分ビューを読み込みます。私の問題は、メイン ビューでレンダリングされた部分ビューのドロップダウン リストの変更イベントが発生しないことです。

部分ビュー:

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

        });
    });

助言がありますか？

4

1 に答える 1

1

2番目のドロップダウンを動的に作成するため、jqueryがイベントをトリガーしないことが問題だと思います。これを変更してみてください。

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

このため：

$(document.body).on('change', '#CarrierLocation_CountryId', function() {
于 2013-08-21T11:49:53.077 に答える