2016-11-08 90 views
2

總這是我的HTML命名Week7.html,它會導致像形式是https://gyazo.com/bd778ddcbb1a01374a37dd0605d13797如何有提交頁面顯示從先前的形式

+0

'document.getElementById('output')。innerHTML =「Total Price:$」; + totalPrice'對嗎? – 0aslam0

+0

是的,這應該顯示總價格權利?但是當我測試它時,它不會顯示任何東西 – chaf12

+0

您是否嘗試過所評論的內容?因爲那裏有一個錯字。我不知道這是否是您的問題,但它應該是'=「總價格:$」+ totalPrice;'(在添加價格之前以分號結尾的語句) – DBS

回答

2

你的JavaScript和DOM狀態丟失,當您提交表單(你定期提交,而不是AJAX提交)。表單提交觸發一個新的請求,產生一個新的頁面。加載新頁面時,只能從JS中訪問該HTML文件中定義的任何DOM。由於您的processForm.html(本身)沒有任何稱爲orderForm的表單元素,所以JS都無法工作。

你也許可以重新設計這個在服務器上進行計算,並在processForm.html中單獨返回總計。

另外,<script type="text/javascript" src="processForm.html">不包含該文件。它需要是一個.js文件。

+0

所以,我需要兩個html文件?這是一個任務,我們被賦予這兩個html文件來處理。我需要第二頁(processForm.html)來顯示總數。 – chaf12

+0

只用HTML文件來做這件事會變得相當醜陋。 processForm.html中的JS需要Week7.html中的表單結構。如果您只想向用戶顯示總數(並且沒有持久性等要求),爲什麼不直接在Week7.html本身進行計算(即將JS從processForm.html中移出),並避免完全提交表單。 – Vasan

+0

需求如下: - 將表單提交設置爲「processForm.html」 - 當表單提交成功時顯示提示,總成本爲訂單 - 訂單計算準確(商品加運費) – chaf12

相關問題