jquery - 使用浏览器后退按钮导航时，下拉列表选定的值不会返回

Question

我有一个下拉列表。一旦用户更改其选择的值，页面就会重新加载。

html 看起来像这样:

<select id="period" name="MyViewModel.Period">
    <option selected="selected" value="/Home/11-2012/Index">November 2012</option>
    <option value="/Home/10-2012/Index">October 2012</option>
</select>

jquery 脚本如下所示:

<script type="text/javascript">
    $(document).ready(function () {
        $('select#period').change(function () {
            var temp = $(this).find('option:selected').val();
            document.location.href = temp;
        });
    });
</script>

一切都很好，但是如果用户在加载原始页面时使用浏览器后退按钮，则所选值会发生更改。它肯定会让用户感到困惑。

那么，通过浏览器后退按钮导航到上一页时，是否可以避免下拉列表值发生更改？

附:这个ASP.NET DropdownList autopostback and Browser Back Button看起来像一个类似的问题，但它没有答案，只有一个想法使用java脚本来重新分配值。但我没能明白如何......我希望关闭缓存不是唯一的出路。我最好放弃使用下拉列表...

This is我原来的帖子让我想到了这个问题。

Answer 1

As soon as user changes its selected value, the page is reloaded.

如果您可以使用 ajax 重新加载页面内容，那么您就不会遇到此问题。