javascript - 尝试添加来自不同 JavaScript 数组的两个值

Question

我从这些脚本中得出两个不同的值。

脚本 #1...

//JS for Potential Gen Ed TOC
$(function($) {
    $('#CourseMenu select').change(function() {
        var sum = 0;
        $('#CourseMenu select').each(function(idx, elm) {
            sum += parseFloat(elm.value, 10);
        });

     $('#total_potential').html(Math.min(sum,72).toFixed(2));
    });
});

脚本 #2...

//JS for Potential Gen Ed TOC from Electives only
$(function($) {
    $('#CourseMenu_Electives select').change(function() {
        var sum = 0;
        $('#CourseMenu_Electives select').each(function(idx, elm) {
            sum += parseFloat(elm.value, 10);
        });

     $('#total_potential').html(Math.min(sum,33).toFixed(2));
    });
});

但是，我想从这两个中提取数据并将结果显示在以下 HTML 中...

   <p><fieldset id="PotentialTOC">
      <legend style="font-weight: bold; font-size: 140%;">Potential TOC Evaluation Results</legend>

      <div id="Results" style="text-align:left; font-family: 'Century Gothic', Gadget, sans-serif; font-size:14px;"><br />
        <div>
          <h2><span id="span"></span>
        Potential Gen Ed TOC:&nbsp;&nbsp;<span id="total_potential"></span>
        <br />
        Potential Money Saved: $<span id="total_money"></span>
        <br />
        Potential Class Time Saved:&nbsp;&nbsp;<span id="total_time"></span> weeks
</fieldset></p>

这是一个jsfiddle展示我到目前为止所做的事情...我不能转超过 33 个选修学分，并且总共不能超过 72 个学分。我已经将脚本布局得很好，但同样，需要将它们组合起来才能输出一个值。

Answer 1

首先想到的是将每个函数的结果存储在隐藏的 div 中(甚至显示出来，以便用户可以看到每个选择的权重)。然后，在计算出新选择的新学分总计后，只需添加贡献总值(value)的两列即可更新总值(value)。

这将是一个微小的更改，只需更改当前值的插入位置，并向每个更改回调添加一两行，以提取这两个值，解析它们，添加它们，然后更新总 div。

我考虑过完全这样做，只使用 div 中的先前值，但我遇到的问题是你不确定先前的贡献是什么，因此在添加之前很难将 div“归零”在新的选择中，因为选择不是累积的。一个选择框只能对最终值做出一项贡献。

编辑:

所以我摆弄了 fiddle 并采用了状态对象方法:http://jsfiddle.net/MCg2d/1

COURSE['Non-electives'] = Math.min(sum, 72).toFixed(2);
var total = (parseFloat(COURSE['Non-electives'], 10) || 0) + (parseFloat(COURSE['Electives'], 10) || 0)
$('#total_potential').html(total);
});

这很粗糙，但可能比我上面的漫谈更有意义。