jquery - 点击返回按钮时下拉列表为空

Question

所以我有一个页面，模型在其中加载数据，然后将其绑定到视图。该模型从服务调用中获取一个 SelectListItem 列表，并且工作正常。

当用户从第一个列表中更改项目时，第二个列表通过执行 AJAX 调用来更新列表中的内容，因此它是一个级联的东西。

现在，这最初是有效的，但是当用户点击后退按钮时，第二个列表是空的 - 没有值。第一个列表确实有值。

当他们点击后退按钮时，如何确保正确填充列表？

我确实连接了事件并使用 JQuery 在文档加载中进行了调用，但这显然不会在您点击后退按钮时触发。

$(document).ready(function () {
            var id = 0;

            // attach onchange for ddl
            $("div[id^=hotelTypesDll_]").each(function(item) 
            { 
                var currentRowIndice = id - 1;
                $(this).find("select[id$='__HotelTypes']").each(function(currentElement) 
                {
                    var selectedItem = $(this).val();
                    $(this).change(function() 
                    { 
                        var selectedItemId = $(this).val();
                        PopulateHotelNamesList(selectedItemId, currentRowIndice);
                    });

                    currentRowIndice++;
                });
            })

            id = 0;
        });