PHP在页面计算中

时间:2014-11-18 15:26:58

标签: php forms validation

目前我正在预订网站上工作,我已经实施了选择框和单选按钮,以便用户选择他们的派对大小以及是否需要VIP座位。我还根据这两个选项实施了价格因素。

我已经启用了php,一旦用户按下提交按钮就执行计算,但是我更倾向于在用户做出选择后在屏幕上自动执行这些计算。

以下是派对大小选择的html代码:

<select name="party" value="<?php echo $party;?>">
<option value="">Please Select</option>
<option <?php if (isset($party) && $party=="5") echo "selected";?> value="5">1 Person (£5)</option>
<option <?php if (isset($party) && $party=="10") echo "selected";?> value="10">2 People (£10)</option>
<option <?php if (isset($party) && $party=="15") echo "selected";?> value="15">3 People (£15)</option>
<option <?php if (isset($party) && $party=="20") echo "selected";?> value="20">4 People (£20)</option>
<option <?php if (isset($party) && $party=="25") echo "selected";?> value="25">5 People (£25)</option>
<option <?php if (isset($party) && $party=="30") echo "selected";?> value="30">6 People (£30)</option>
<option <?php if (isset($party) && $party=="35") echo "selected";?> value="35">7 People (£35)</option>
<option <?php if (isset($party) && $party=="40") echo "selected";?> value="40">8 People (£40)</option>
<option <?php if (isset($party) && $party=="45") echo "selected";?> value="45">9 People (£45)</option>
<option <?php if (isset($party) && $party=="50") echo "selected";?> value="50">10+ People (£50)</option>
</select>
<span id="partySize" class="error"><?php echo $partyErr;?></span>

以下是VIP选择的HTML代码:

<strong> VIP area* : </strong> <br><br>
Yes (+£5) <input type="radio" name="vip" <?php if (isset($vip) && $vip=="5") echo "checked";?> value="5">
<br><span id="vip" class="error"><?php echo $vipErr;?></span><br>
No <input type="radio" name="vip" <?php if (isset($vip) && $vip=="0") echo "checked";?> value="0">

这是我目前使用的php:

$party = (int)$_POST['party'];
$vip = (int)$_POST['vip'];
$cost = $party + $vip;
...
<strong>Total booking cost based on party size & VIP selection: £<?php echo $cost; ?></strong>

如果有人知道我怎么做到这一点,请帮忙!谢谢

2 个答案:

答案 0 :(得分:1)

这通常是通过AJAX实现的,为了恢复此功能,AJAX将数据发送到服务器并从服务器接收响应而不刷新页面。你需要了解它才能实现这一目标。看一下这些链接

xmlHttpRequest

jQuery ajax

答案 1 :(得分:0)

在选项

中使用javascript.Use eval函数