php - 预订表格 :Price change on selecting different option from dropdown list - PHP and Javascript

Question

我有在线酒店预订系统脚本，其中房价和房间类型是使用 php 从数据库中提取的。我在这个系统中只有 2 个房间。一间最多可容纳 4 人，另一间最多可容纳 6 人。 预订表格有From和To日期，房间类型(x套房)，可以从0到1中选择，后面是价格x 120 每房每晚。我还可以选择人数。固定价格为每间客房每晚 120 美元，最多可入住 2 人。每增加一个人，价格就会增加 20。所以如果套房里有 3 个人，价格就是 140。我试着自己搞定，但我就是不能根据所选的人数来改变价格。 people的select标签代码如下:

<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=new Array(); 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. 首先检查有多少人 选中
2. 然后检查是否有任何 选择房间(如果值为 1)
3. 如果选择了一个房间 相应地提高价格或 减少它。

对于可用房间的数量，我目前有这个代码:

 <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/

Answer 1

好吧，你以一种不寻常的方式混合了 php 和 html 也许你应该使用 heredoc 来获得更好的代码？

好吧，你不应该发布 PHP 代码 有很多错误 嗯，为什么不尝试使用 jquery 和 .value() 来获取单击输入时的输入值并使用 .html() 更改价格？

代码对我来说是一团糟 你有这个的 html 输出作为例子吗？ 还有计算价格的 div？