2012-07-03 115 views
-1

我有什麼:

我有一個普通的PHP的形式發佈自己的價值觀來處理另一頁。這是一個訂單菜單(例如外賣披薩菜單)。每個字段都是一個文本框,可以輸入每個菜單項的數量。PHP訂單之前提交

我需要什麼:

表單提交之前,我需要:

  1. 選定的項目(即表單輸入)頁面上填寫上一個真實的列表時間基準
  2. 實時基於計算的總成本。

什麼,我發現:

我遇到一個CSS解決方案,但它只是滿足了我的第二個要求,即它所產生的總,但沒有列出選擇的項目。

http://css-tricks.com/examples/DynamicOrderForm/

我的問題:

任何人都可以提供一個鏈接到一個免費的解決方案(腳本,教程等),可以讓我的表單提交之前,動態顯示錶單輸入?

+1

http://jquery.com/ –

+0

感謝@保羅 - 廣泛的答案,但仍然在正確的方向點頭。 –

回答

0

下面是一個簡單的例子:

的Javascript

function calc() { 
    var total = document.getElementById('q1').value + document.getElementById('q2').value; 
    document.getElememntById('total').value = total; 
} 

表數量輸入字段

<input type="text" name="q1" id="q1" onChange="calc()"> 
<input type="text" name="q2" id="q2" onChange="calc()"> 

表總場

<input type="text" name="total" id="total"> 

這真的很粗糙,沒有輸入驗證(非常重要),但給你一個想法從哪裏開始。

盧克

+0

謝謝,我可以驗證好 - 這是我需要幫助的客戶端。你提供的代碼不會產生預期的效果(除非我誤會了)。看到這裏:[你的代碼的完整標記](http://pastebin.com/J1VDwBCg)。關於如何同時列出每個被選中的字段的粗略想法?例如q1,q2(或者在我的情況下是「2片奶酪披薩片,5片蔬菜披薩片)? –