当其中一个输入字段的值发生变化时,更新几个输入字段


Updating several input fields when one of them changes its value

我正在php(实际上是cakephp), HTML5, &Jquery。在一页纸上,我有一个表格,要做太多的计算。其中有一个表单,可能有30个输入字段。这些字段通过公式相互关联。

当一个字段值改变时,我想更新所有其他的。如何做到这一点?

注意:如果有一些SDK可以帮助我在这方面,它会更好。

更新1

我举一个简短的例子:它是关于设计某种工业产品,我们称它为橱柜。

一个柜子包含太多的物品,这些物品主要取决于:宽度/高度/深度+一些额外的特征(大约5)。我需要计算一下组成一个机柜的部件的规格。大概有15个组成部分。每个组件都有一个特定的公式,并且可能依赖于所有提到的输入。如果我改变宽度,许多组件的规格应该自动更新。

一般的想法是,你需要使用一个泛型选择器:

$(".my_inputs")

添加一个'on()' eventandler:

$(".my_inputs").on('change', function() { }

然后,在它里面,做任何你想做的数据操作:

$(".my_inputs").on('change', function() {
    // use jquery to repeat through all .my_inputs and alter their data
    // or set all .my_inputs to a specific value
    // or do anything else you want
}

现在你已经有了大致的想法,通过jQuery API来查找你想如何操作数据的细节(或者只是使用好的Javascript!):)

这仍然是一个JS解决方案。给每个输入框一个类名(例如:"myClass"),然后你可以这样做:

$('#myInputfield').keyup(function(){
    $('.myClass').each(function(index){
        $(this).val($('#myInputfield').val());
    });
});

注意:你需要JQuery来实现这一点,它是假设你正在寻找改变只有一个文本框(即文本框ID:myInputfield)。主文本框不应该有相同的类