如何在单独的html页面上显示从提交表单计算的值？[副本]
未解决最初的关闭原因
function computeval(){
var distance1 = document.getElementById('distance1').value;
var distance2 = document.getElementById('distance2').value;
var hotel = document.getElementById('hotel').value;
var emair = (distance1 * 0.0665).toFixed(2);
var emland = emair + (distance2 * 0.1809).toFixed(0);
var totalem = emland + (hotel * 19.2).toFixed(0); totalem.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
tot=document.getElementById('totalem').innerHTML = "Total Emissions (kg) = "+totalem;
}
function handleSubmit () {
localStorage.setItem('em', tot);
}
<form action="result.html" method="POST">
<button type="submit" class="btnop" onclick="handleSubmit()" >Submit</button>
</form>
localStorage.getItem('em');
<body>
<h1>
Result Page
</h1>
共有1个答案
这是因为sessionStorage只对创建它的页面/选项卡有效，并且在关闭时被清除。对于您的情况，您需要使用localStorage，它可以跨页访问。像这样：
function handleSubmit () {
localStorage.setItem('em', tot);
}
来源：https://developer.mozilla.org/en-美国/docs/web/api/window/sessionstorage
-
可以给我一个例子从提交按钮后的输入中提取数据，并在同一页发送到输出H2吗？ 这是我的输入和提交按钮。 谢谢你的帮助！！
-
主要内容：Maven依赖关系,提交HTML表单参数示例许多应用程序需要模拟提交HTML表单的过程，以便登录到Web应用程序或提交输入数据。 HttpClient提供实体类来促进该过程。 以下教程显示了如何使用apache HttpClient 4.5发送HTML表单参数。 Maven依赖关系 我们使用maven来管理依赖关系，并使用Apache HttpClient 4.5版本。 将以下依赖项添加到您的项目中。 pom.xml 文件的内容如下 - 提
-
从现在开始，在他们按下submit后，他们会停留在同一个页面上，一旦他们按下submit，文本框下面会出现一个段落，并说“谢谢你______” 我通过设置“var name=document.getElementById（”mytext“）.value”来存储用户在文本框中输入的任何内容的值。如果我要转到一个新页面，我不知道如何将变量“name”转移到该页面。 下面是我所说的代码，所以您可以测试它
-
我想在窗体的操作重定向它之前从窗体中获取值。例如，在这个表单中，我想抓取“text_one”并将其发送到数据库，然后再将其重定向到google。我还想在谷歌上看到“text_one”。我该怎么办？
-
将html表单转发到具有 用于在jsp页面中处理“name”参数。当没有提供名称时，我确实希望表单提交给jsp，jsp应该检测“null”以处理if-else循环以显示相关消息。 我如何做到这一点？
-
本文向大家介绍ajax跨页面提交表单，包括了ajax跨页面提交表单的使用技巧和注意事项，需要的朋友参考一下 前面提到过重复提交表单问题，处理token口令校验、重定向之外，还有一种经常使用到的方法就是新页面处理表单提交，完成后关闭当前页面，并刷新之前发送请求的页面。 这里使用了artDialog.js 1、文件结构 2、user.jsp 3、userAdd.jsp 4、UserManageActi