在jsp中刷新后如何保留表单值？答案

【问题标题】：How to retain the form values after refresh in jsp?在jsp中刷新后如何保留表单值？
【发布时间】：2014-02-10 08:17:21
【问题描述】：

我已经阅读了许多有关此问题的主题，但几乎所有主题都旨在提交表单后如何保留表单的值。但在我的情况下，我不想提交表单。我有 3 个复选框，并且基于用户对复选框的选择，一些值会在不提交页面的情况下动态显示。复选框的默认值为 chk1val1 chk2vala chk3val1。现在，如果用户选择 chk1val2 chk2val3 chk3val2，那么即使在用户刷新页面后，我也希望保留用户所做的选择。这个有什么指点吗？？提前致谢。

【问题讨论】：

这不是用户期望的行为。用户会期望刷新会清除这些框。因此，从用户期望的角度来看，您不应该尝试这样做。
@developerwjk 是的，我部分同意你的观点，但由于某些原因，我需要保持这些价值观。不管怎样，看看我的答案，我终于找到了我想要的东西。

标签： forms jsp

【解决方案1】：

我终于找到了这个问题的答案。要临时存储表单值，我们可以使用 Javascript 的localStorage。下面是一个解释如何使用它的示例，

<!DOCTYPE html>
<html>
    <head>
        <script src="js/jquery.js"></script>
        <script>
            $(document).ready(function(){
                document.getElementById("io").value = localStorage.getItem("item1");
            });
        </script>
        <script>
            $(window).on('beforeunload', function() {
                localStorage.setItem("item1",document.getElementById("io").value);
            });

        </script>
    </head>

    <body>
        <form>
            <input type="text" id="io" name="io">
            <input type="submit">
        </form>
    </body>

</html>

运行上面的代码并在文本框中输入一些内容。现在，即使页面被刷新，文本框中的值也会保持不变，即不会改变。

【讨论】：