javascript - 使用 Javascript 在选择框中执行算术计算

Question

我有一个这样的案例：

如何在选择示例A = 3和B = 5时会这样做，将自动更新8列为C列中，依此类推，为不同的列和行？

非常感谢您的帮助。提前谢谢你！

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 结构等。