2012-07-03 118 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片蔬菜披萨片)? –