如何有提交页面显示从先前的形式
总这是我的HTML命名Week7.html,它会导致像形式是https://gyazo.com/bd778ddcbb1a01374a37dd0605d13797如何有提交页面显示从先前的形式
你的JavaScript和DOM状态丢失,当您提交表单(你定期提交,而不是AJAX提交)。表单提交触发一个新的请求,产生一个新的页面。加载新页面时,只能从JS中访问该HTML文件中定义的任何DOM。由于您的processForm.html(本身)没有任何称为orderForm
的表单元素,所以JS都无法工作。
你也许可以重新设计这个在服务器上进行计算,并在processForm.html
中单独返回总计。
另外,<script type="text/javascript" src="processForm.html">
不包含该文件。它需要是一个.js文件。
所以,我需要两个html文件?这是一个任务,我们被赋予这两个html文件来处理。我需要第二页(processForm.html)来显示总数。 – chaf12
只用HTML文件来做这件事会变得相当丑陋。 processForm.html中的JS需要Week7.html中的表单结构。如果您只想向用户显示总数(并且没有持久性等要求),为什么不直接在Week7.html本身进行计算(即将JS从processForm.html中移出),并避免完全提交表单。 – Vasan
需求如下: - 将表单提交设置为“processForm.html” - 当表单提交成功时显示提示,总成本为订单 - 订单计算准确(商品加运费) – chaf12
'document.getElementById('output')。innerHTML =“Total Price:$”; + totalPrice'对吗? – 0aslam0
是的,这应该显示总价格权利?但是当我测试它时,它不会显示任何东西 – chaf12
您是否尝试过所评论的内容?因为那里有一个错字。我不知道这是否是您的问题,但它应该是'=“总价格:$”+ totalPrice;'(在添加价格之前以分号结尾的语句) – DBS