Question

我已经阅读了很多关于这个问题的主题，但几乎所有这些主题都是为了在提交表单后如何保留表单的值。但在我的情况下，我不想提交表单。我有3个复选框，并根据用户选中的复选框，动态显示一些值而不提交页面。复选框的默认值为chk1val1 chk2vala chk3val1。现在，如果用户选择为chk1val2 chk2val3 chk3val2，那么即使在用户刷新页面之后，我也希望保留用户完成的选择。关于这一个的任何指针？提前谢谢。

Answer 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>

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

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

1 个答案: