添加来自html<;表单>;下拉列表


Add numbers from html <form> drop-down

我在HTML表单中有3个不同的下拉菜单,还有一个php变量,需要根据表单选择(值)进行计算

    <form>
        <select name="menu1">
            <option value="5">Option 1</option>
            <option value="10">Option 2</option>
        </select>
        <select name="menu2">
            <option value="12">Option 1</option>
            <option value="24">Option 2</option>
            <option value="36">Option 3</option>
        </select>
        <select name="menu3">
            <option value="50">Option 1</option>
            <option value="100">Option 2</option>
            <option value="200">Option 3</option>
            <option value="0">Option 4</option>
        </select>
    </form>

$total = total of selected options

我试图实现的是,当选择一个选项时,总金额将根据选择进行更改。

示例:

If selected MENU1/OPTION1 (5)  MENU2/OPTION3 (24) MENU3/OPTION1 (50)
$total = 79

而且$total应该一直可见,所以当选择MENU1/OPTION1(5)时,用户应该看到$total=5

您可以这样做,假设您使用POST,与GET没有什么不同,只需将所有$_POST更改为$_GET

if(isset($_POST['menu1'])){
   $total=intval($_POST['menu1'])+intval($_POST['menu2'])+intval($_POST['menu3']);
}

编辑:我想我误解了这个问题。您希望动态更新表单值。这在PHP中是不可能的,除非你想使用AJAX,而当你可以使用Javascript 时,这似乎是在浪费时间

对于Javascript,您可以这样做:

function isNumeric(num) {
  return !isNaN(parseFloat(num)) && isFinite(num);
}
var total=document.forms[0]["menu1"].value+document.forms[0]["menu2"].value+document.forms[0]["menu3"].value;