Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何让提交页面显示上一表单的总计_Javascript_Html - Fatal编程技术网

Javascript 如何让提交页面显示上一表单的总计

Javascript 如何让提交页面显示上一表单的总计,javascript,html,Javascript,Html,这是我的名为Week7.HTML的HTML,它会生成一个类似这样的表单当您提交表单时,Javascript和DOM状态会丢失(您正在进行常规提交,而不是AJAX提交)。表单提交触发一个新请求,生成一个新页面。加载新页面时,您只能从JS访问该HTML文件中定义的任何DOM。由于processForm.html(本身)没有任何名为orderForm的表单元素,因此JS都无法工作 您也许可以重新设计它,在服务器中进行计算,并在processForm.html中单独返回总数 另外,不包括该文件。它需要是

这是我的名为Week7.HTML的HTML,它会生成一个类似这样的表单

当您提交表单时,Javascript和DOM状态会丢失(您正在进行常规提交,而不是AJAX提交)。表单提交触发一个新请求,生成一个新页面。加载新页面时,您只能从JS访问该HTML文件中定义的任何DOM。由于processForm.html(本身)没有任何名为
orderForm
的表单元素,因此JS都无法工作

您也许可以重新设计它,在服务器中进行计算,并在
processForm.html
中单独返回总数


另外,
不包括该文件。它需要是一个.js文件。

document.getElementById('output')。innerHTML=“总价:$”;+totalPrice
是否正确?是的,这应该显示正确的总价?但是当我测试它时,它没有显示任何东西。你是否尝试了评论的内容?因为里面有个打字错误。我不知道这是否真的是你的问题,但它应该是
=“总价:$”+总价(在添加价格之前分号是结束语句的)那么我要用两个html文件来完成这项工作吗?这是一个作业,我们得到了这两个html文件的工作。我需要第二个页面(processForm.html)来显示总数。如果只使用html文件来显示,会变得相当难看。processForm.html中的JS需要Week7.html中的表单结构。如果您只想向用户显示总计(并且没有持久性等要求),为什么不在Week7.html本身中进行计算(即将JS从processForm.html移到那里)并完全避免表单提交。要求是:-表单操作设置为“processForm.html”-表单提交成功时显示警报,订单总成本-订单计算准确(项目加运费)如果我将所有JS从processForm移动到一个名为“calculations.JS”的javascript文件,然后将此作为我的processForm.html代码:仍然没有帮助。正如我所说的,无论JS包含在何处,它都需要在加载时以某种方式“查看”
orderForm
表单。换句话说,您需要将其包含在一个HTML文件中,该文件将该表单元素作为DOM的一部分。从你提到的部分来看,这似乎是一个相当奇怪的任务。我需要看完整的东西才能更清楚。还有,这些HTMLs和他们提供的是一样的吗,或者你修改过它们吗?