Question

我真的需要帮助... :-)我在两个页面上都有两个HTML页面和表单。在单击“发送”按钮后，我需要解决方案以在第二个表单的字段中显示第一个表单（第一页）的字段值。但是，我需要两个页面都保持打开状态，首先我需要插入值，然后在第二页上应该显示值。另外，我需要没有PHP的解决方案，因为此应用程序将在没有服务器的本地设备上运行。我没有任何解决方案，请，我需要一些技巧来做到这一点。

我在这里找到了localStorage的一些解决方案，它看起来很有趣，但是我需要停留在第一页上，并将字段值实时发送到第二页。我在这里找到了代码，这是我需要的示例，只需要打开两个页面，然后在第一页的字段中插入一些值并单击按钮后，该值就会在第二页的字段中显示。预先谢谢你！

<html>
<head>
<title>First Page</title>

<script type="text/javascript"> 
 function saveVal() {
    var inputFirst = document.getElementById("name").value;
    localStorage.setItem("name", inputFirst);
    inputFirst = localStorage.getItem("name");
}

</script>
</head>
<body>
<form action="secondPage.html" method="get">
<label> 
First Name:
<input name="name" size="20" maxlength="25" type="text" id="name" />
</label>

<input type="submit" value="submit" onclick="saveVal()"/>
</form>
</body>
</html>


<html>
<head>
<title>Second Page</title>
</head>
<body>

<form action="#">
<label>
First Name:
<input name="name" size="20" maxlength="25" type="text" id="name" 
readonly="readonly" />
</label>

<script type="text/javascript">
 var storedVal = document.getElementById("name");
    storedVal.value = localStorage.getItem("name");
</script>
</form>
</body>
</html>

Answer 1

您可以使用setInterval不断检查和设置值：

//this will run storeCheck function every 250 miliseconds and update values from localStorage.

setInterval(storeCheck, 250);

function storeCheck() {
    var storedVal = document.getElementById("name");
    storedVal.value = localStorage.getItem("name");
}

提交后，在另一个HTML页面上显示表单字段值

1 个答案: