javascript - 选择所有选择框(JavaScript)

我有一个网页，需要在其中添加每个选择项。因此，例如，如果有人选择A，那么它将为最终值加上90。目前，我通过添加每个选择框的每个ID手动完成此操作（请参见下面的代码），但是现在我有很多选择框，我认为我需要一个更好的方法！提前致谢！

我当前拥有的代码片段（theory1是选择框的ID）：

var t1 = document.getElementById('theory1');
var tnum1 = 0;

        if(t1.options[t1.selectedIndex].value == "Grade 6 - Distinction"){
        tnum1 = tnum1+15;
        }

        if(t1.options[t1.selectedIndex].value == "Grade 6 - Merit"){
        tnum1 =tnum1+10;
        }

        if(t1.options[t1.selectedIndex].value == "Grade 6 - Pass"){
        tnum1 = tnum1+5;
        } document.getElementById('add').innerHTML = tnum1;

最佳答案

您可以将选项的值设为要添加的值。

<select id="theory1">
  <option value="15">Grade 6 - Distinction</option>
  ...
</select>

然后遍历选择并累加值

var selects = document.getElementsByTagName('select');
var tnum1 = 0;
for (var i = 0; i < selects.length; i++){
    tnum1 += +selects[i].value;
}
document.getElementById('add').innerHTML = tnum1;