使用Javascript在Selectbox中执行算术计算

Question

我有一个像这样的案例：

如果选择示例A = 3和B = 5，如何自动更新C列中的8，依此类推不同的列和行？

非常感谢帮助。 先谢谢你！

Answer 1

试试这个：

1. 调用“a1”，“a2”，“b1”，“b2”等选择框

2. 调用C中的单元格，如“c1”，“c2”

3. 使选择框的onchange事件如下：

   function update() {
       var id = this.id.substring(1);
       var value1 = parseInt(document.getElementById("a" + id).value);
       var value2 = parseInt(document.getElementById("b" + id).value);
       document.getElementById("c" + id).innerHTML = value1 + value2;
   }
   

Answer 2

很好的任务。这是我试图解决它的版本：

var table = document.getElementById('calc'),
    sel   = table.getElementsByTagName('select');

for (var i = sel.length; i--; ) {
    sel[i].onchange = function() {
        var row  = this.parentNode.parentNode.rowIndex,
            cell = this.parentNode.cellIndex,
            val1 = +this.options[this.selectedIndex].value,
            val2 = +table.rows[row].cells[1 - cell].children[0].value;

        table.rows[row].cells[2].innerHTML = val1 + val2;
    };
}

http://jsfiddle.net/M4jCJ/1/

这是一个基本实现，您可能需要调整某些内容以匹配您的HTML结构等。