javascript - 根据 Select 的选择动态更改变量的值

Question

我有以下 PHP 代码，我在其中打印我的 HTML，我有一个变量 $price 和另一个 $numofguests

<?php
echo '$' . $price ;

$i = 1;
//This print values of number of guest for example: 1,2,3,4
echo 'Select Number of Guests';
echo '<select name="numberofguests">';
while ($i <= $numofguests):
        echo $i;
    echo '<option value="' .$i. '">' .$i. '</option>'; 
        $i++;
endwhile;
echo '</select>'; 
?>

我如何根据用户的选择即时打印出总价？

示例:假设 $price = $5 并且客人选项的数量为:1,2,3

因此默认情况下，客人人数将为 1，总价 = $5

但是如果用户选择 num of guest = 2 我希望总价变为 $10，如果 num of guest = 3 我希望总价变为 $15

非常感谢

Answer 1

试试这个。

 <div id="pricediv"></div>
    <?php
    $numofguests = 5;
    $i = 1;
    echo 'Select Number of Guests'."</br>";
    echo '<select name="numberofguests" onchange="total(this.value)">';
    while ($i <= $numofguests):
            echo $i;
        echo '<option value="' .$i. '">' .$i. '</option>'; 
            $i++;
    endwhile;
    echo '</select>'; 
    ?>

    <script>
    function total(guest){
    var price = guest*5;
    document.getElementById("pricediv").innerHTML="Price for "+guest+" guests is $"+price; 
    }

    </script>