Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/254.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 当其中一个输入字段更改其值时更新多个输入字段_Php_Jquery_Html_Cakephp - Fatal编程技术网

Php 当其中一个输入字段更改其值时更新多个输入字段

Php 当其中一个输入字段更改其值时更新多个输入字段,php,jquery,html,cakephp,Php,Jquery,Html,Cakephp,我正在用php(实际上是cakephp)、HTML5、&Jquery构建一个web应用程序。 在一页中,我有一个表格,它会做太多的计算。其中有一个表单,可能有30个输入字段。这些字段通过公式相互关联 每当字段值更改时,我都要更新所有其他字段值。如何做到这一点 注意:如果有一些SDK可以在这方面帮助我,它会更好 更新1 我将举一个简短的例子:它是关于设计一些工业产品,让我们称之为橱柜 橱柜包含太多的项目,这些项目主要取决于:宽度/高度/深度+一些附加特性(大约5个)。我需要计算组成机柜的组件的规格

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

每当字段值更改时,我都要更新所有其他字段值。如何做到这一点

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

更新1

我将举一个简短的例子:它是关于设计一些工业产品,让我们称之为橱柜


橱柜包含太多的项目,这些项目主要取决于:宽度/高度/深度+一些附加特性(大约5个)。我需要计算组成机柜的组件的规格。可能有15个组件。每个组件都有一个特定的公式,可能取决于所有提到的输入。如果我更改宽度,许多组件规格将自动更新。

总体思路是,您需要使用通用选择器:

$(".my_inputs")
添加“on()”事件处理程序:

$(".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
}

现在您已经有了大致的想法,请查看以查找有关如何操作数据的详细信息(或者只使用好的ole’Javascript!:)

这仍然是一个JS解决方案。为每个输入框指定一个类名(例如“myClass”),然后可以执行以下操作:

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

注意:您需要JQuery来实现这一点,假设您只在一个文本框(即ID为myInputfield的文本框)中查找更改。主文本框不应具有相同的类。

字段之间的关系是否始终相同?我的意思是,input1和input2是通过公式1联系起来的,input2和input3也是通过公式1联系起来的?因为如果绑定每个输入的公式总是不同的,那么你就只能一个接一个地编码。请包含示例代码以便更好地理解。根据其用途,您是否考虑过在服务器端执行计算?通过这种方式,您可以触发AJAX提交,并使用来自服务器的计算结果更新字段。这将比纯客户端计算慢,但可能更灵活;根据计算的确切性质,计算可能是“模型”的一部分,在这种情况下,可以同时“验证”输入的值(例如,“宽度不能为负值”)