按下后退按钮时Dropdownlist为空

Question

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

当用户从第一个列表更改项目时，第二个列表通过执行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;
        });