Question

我刚刚开始学习Javascript.i尝试为我的班级做披萨菜单，我在那里遇到了麻烦，我需要制作一个选择列表并在那里放入披萨大小选择，所以我做了：

<form name="pizzasize">
    <select name="pizzafirst" id="pizzafirst" onchange="findsize()">
        <option value="10" id="small">Small</option>
        <option value="12" id="medium">Medium</option>
        <option value="15" id="large">Large</option>
    </select>
</form>

当我点击尺寸时，我会有不同的价格加总，小的是10美元，中等是12美元;而大的是15美元。所以我做了下面的代码：

var pizzafirst ;
function findsize(){
pizza1 = document.pizzasize.pizzafirst.selectedIndex;

if (pizzafirst == 0 ){
    document.getElementById('pform').innerHTML == + 10;
}
if (pizzafirst == 1 ){
    document.getElementById('pform').innerHTML == + 12;
}

if (pizzafirst == 2){
    document.getElementById('pform').innerHTML == + 15;
}
document.getElementById('pform').innerHTML = 0
}

Answer 1

有更好的方法可以做到这一点，因为你已经在选项中有了值：

var pizza_select = document.getElementById('pizzafirst');
var result = document.getElementById('pform');

pizza_select.onchange = function () {
    result.innerHTML = '$' + this.value;
};

演示here

修改

您可以添加额外的 <option value="" id="select">Select a size...</option>。
我在演示中也添加了它。

javascript披萨菜单选择列表

1 个答案:

演示here