javascript比萨饼菜单选择列表

我刚开始学习Javascript。我尝试为我的班级制作比萨饼菜单，但遇到了一个问题，我需要制作一个选择列表，并将比萨饼大小的选择放在其中，所以我做了：

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

---

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

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

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

演示 编辑：

你可以再加一个 选择一个尺寸。。。。

---

我在演示中也添加了这一点。

==检查比较和一元+转换到数字。没有必要将12这样的数字转换为数字，因为它们已经是数字了，您正在寻找=。此外，通过计算its之外的总和，然后将其作为document.getElementById'pform.innerHTML=[10,12,15][pizzaFirst]| | 0+1分配一次，您可以编写得更加优雅，特别是喜欢有更好的方法来实现这一点的评论-如果您详细说明这一点，会更好，但这不是$+这个值吗？@plantheidea，我是欧洲人。。。美元应该在数字之前吗？哈哈，对不起，我只是想他可能是欧洲人。。。是的，美元第一，价值第二。是的，很好。在这里，我经过努力改进，加入了一个“选择大小”选项=>。。。该死的我的强迫倾向。。。

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

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