Question

我有“第1页”和“第2页”。

在“第1页”上，如果我点击“转到第2页”按钮，我将进入“第2页”，同样在“第1页”上我有一个输入字段“此字段就在这里”作为占位符。

在“第2页”上，我有一个“返回页面1”按钮，当我点击它时，它会将我带到“第1页”。

我想要的是，点击“返回页面1”后，在点击“转到第2页”之前，使用提交的值自动填写输入“此处此字段”。

Bellow你有我现在的代码：

Page 1

<script type="text/javascript">
    function getRandomPage () {
    document.getElementById('MyButton').onclick = location.href = "/?random=1";      
        };
</script>

<form>
<div class="checkboxes" align="center">
        <input type="hidden" name="random" value="1"><br>
        <input placeholder="This field right here" style="width: 296px; height: 30px;" type="text" autocomplete="off"><br>
        <label for="x"><input type="checkbox" id="x" checked=""><span> Some Text </span></label><br>
        <label for="y"><input type="checkbox" id="y" disabled=""><span> Some Text </span></label><br>
        <button id="MyButton" type="submit">Go To Page 2</button>
    </div>
</form>

第2页

<form action="/">
    <div align="center">
        <button type="submit">Go Back To Page 1</button>
    </div>
</form>

我想也许可以用js完成吗？但我不知道如何

Answer 1

您可以使用HTML5中的local storage，如下所示：

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Answer 2

要记住您可以使用的值：

HTML5存储，例如 localStorage 或 SessionStorage 。 https://developer.mozilla.org/en-US/docs/DOM/Storage
Cookie：https://developer.mozilla.org/en-US/docs/DOM/document.cookie

使用：

localStorage.variable = "saveMe";

记住来自不同页面的表单字段的值

2 个答案: