从html <form>下拉列表中添加数字</form>

时间:2013-12-02 19:25:14

标签: php html forms

我在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

我想要实现的是当选择一个选项时,根据选择改变$ total。

示例:

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

$total也应始终可见,因此当选择了MENU1 / OPTION1(5)时,用户应该看到$ total = 5

1 个答案:

答案 0 :(得分:1)

你可以这样做,假设你正在使用POST,不应该与GET不同,只需将所有$_POST更改为$_GET s

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;