javascript - 如何从未知数量的文本字段创建 OnChange "totaling"函数

Question

我无法弄清楚如何对使用 Rails 3 创建的表中的字段执行简单的 Javascript 任务。

我的表具有用户使用下面的表单添加的特征行(更新数据库并重新加载部分表)。

表中的列数基于以不同形式提交的属性数。无论一行中有多少列，它们后面还有一个总计列。表格中的每个单元格都有一个 text_field 输入，其 ID 基于行对象 ID 和列对象 ID。

我想要做的是为每个单元格创建一个 OnChange 事件，这样当一个字段值发生变化时，总计列就会更新为该行中所有单元格的 text_field 输入中的总值。

我不知道如何将 Rails 对象传递给 Javascript(因此我可以循环访问 ID)，如果我在 Controller 中使用操作，我不知道如何获取 DOM 元素名称和值，而且我也不知道如何使用 RJS 来执行此操作。谁能就如何做到这一点提供任何帮助？谢谢!

莎拉

Answer 1

如果你使用 jQuery，你可以在文本框上设置一个类并监听它的更改事件。

例子:

<input type="text" id="WhateverXXX" class="MyValue" />

<script type="text/javascript">
    $(function(e) {
        $('.MyValue').change(function(e) {
            // update the total
        });
    });
</script>