我正在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)。主文本框不应该有相同的类