【发布时间】：2011-05-12 16:18:50
【问题描述】：
我有在线酒店预订系统脚本，其中房间价格和房间类型是使用 php 从数据库中提取的。我在这个系统中只有 2 个房间。一间最多可容纳 4 人，另一间最多可容纳 6 人。 预订表格有From和To日期，房间类型（x套房），可以从0到1中选择，后跟价格每间客房每晚 x 120。我还可以选择人数。每间房每晚固定价格为 120 元，最多可供 2 人入住。每增加一个人，价格就会增加 20。所以如果套房里有 3 人，价格将是 140。我试图让自己工作，但我无法根据选择的人数来改变价格。 人物选择标签代码如下：
<select name="people" class="FormFields" onChange="checkBookingForm()" style="width:70px">
<?php for ($i=1; $i<=$SETTINGS["room_people"]; $i++) {
if ($i==$_REQUEST["people"]) {
$selected='selected';
}
else {
$selected='';
}
?>
<option value="<?php echo $i; ?>" <?php echo $selected; ?>><?php echo $i; ?></option>
<?php }; ?>
</select>
函数 checkBookingForm() 处理选择特定房间时的文本更改，它将显示该房间可容纳的人数。函数在这里：
<script language="javascript" type="text/javascript">
函数 checkBookingForm() { var allRooms=新数组（）； var totalPeople = 0;
for(i=0; i<document.NewBookingFrm.elements.length; i++) {
if(document.NewBookingFrm.elements[i].type=="select-one") {
name_t = document.NewBookingFrm.elements[i].name;
if (name_t!=='people') {
value_t = document.NewBookingFrm.elements[i].value;
totalPeople = parseInt(allRooms[name_t]) * parseInt(value_t) + totalPeople;
}
}
}
if (totalPeople==1) {
var acP = 'person';
} else {
var acP = 'people';
};
if (totalPeople!=document.NewBookingFrm.people.value) {
totalPeople = '<strong style="color:red; font-size:14px">'+totalPeople+'</strong>'
}
document.getElementById('PeopleAccommodate').innerHTML = 'selected room(s) can accommodate ' + totalPeople + ' ' + acP;
}
我尝试了不同的方法，但由于 我同时在学习 Javascript，所以我一无所获。我仍在尝试了解 DOm 的工作原理。如果任何人都可以指出我正确的方向，那将不胜感激。我明白我与代码有什么关系：
- 首先检查有多少人 选择了
- 然后检查是否有任何 房间被选中（如果值为 1）
- 如果选择了一个房间，那么 相应地提高价格或 减少它。
对于可用房间的数量，我目前有这个代码：
<select name="room_<?php echo ReadFromDB($row["id"]); ?>" class="FormFields" onChange="checkBookingForm()" style="width:70px">
<option value="0">0</option>
<?php for ($i=1; $i<=$available_rooms; $i++) {
if ($i==$booked_rooms["quantity"]) $selected=' selected'; else $selected='';
?>
<option value="<?php echo $i; ?>"<?php echo $selected; ?>><?php echo $i; ?></option>
<?php }; ?>
</select>
x
更完整代码的链接：http://jsfiddle.net/x6ZYB/
【问题讨论】：
标签： php javascript