提交后，在另一个html页面上显示表单字段值
提交后，在另一个html页面上显示表单字段值
提问于 2019-01-04 07:01:36
我真的需要帮助..。:-)我有两个html页面和表格。我需要解决方案，以显示从第一个表单(在第一页)在第二个表单的字段中的值后，点击发送按钮。但是，我需要两个页面保持打开，在第一个我需要插入值，并在第二个页面上的值应该显示。此外，我需要一个没有PHP的解决方案，因为这个应用程序将在本地设备上运行，没有服务器。我没有任何解决方案，请，我需要一些技巧，我可以做到这一点。
我在这里找到了一些使用localStorage的解决方案，它看起来很感兴趣，但我需要留在第一页，并在live中将字段值发送到第二页。这里有我找到的代码，这是我需要的例子，只是我需要两个页面都打开，在我插入一些值在第一页的字段中并单击按钮后，该值应该显示在第二页的字段中。提前谢谢你！
<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>回答 1
Stack Overflow用户
发布于 2019-01-04 07:33:15
您可以使用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");
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54030988
复制相关文章
相似问题