Jquery 动态更新计算器输入结果

我有一些基于选择选项的计算器，2个输入。当您在文本字段中更改范围或输入数据时，动态地得到结果。我需要添加一些固定大小的div“按钮”。当您选择选择选项，然后感觉输入时，效果非常好。 但当我选择选择选项，然后点击div（60x90或100x150）按钮时，输入得到新值，但结果并没有更新。哪里有问题？我用$（'#form'）。on（'input change'，'select，input'，function（）

$（文档）.ready（函数（）{
$（文档）.on（'input'，'#height'，函数（事件）{
$（this.next（）.val（$（this.val（））；
});
$（文档）.on（'input'，'heightPlus'，函数（事件）{
$（this.prev（）.val（$（this.val（））；
});
$（文档）.on（'input'，'#width'，函数（事件）{
$（this.next（）.val（$（this.val（））；
});
$（文档）.on（'input'，'widthPlus'，函数（事件）{
$（this.prev（）.val（$（this.val（））；
});
});
$（文档）.ready（函数（）{
$（'#form'）。在（'input change'，'select，input'，function（）上{
console.log（this.type）
if（this.type=='range'）$（this.next（）.text（this.value）
var o=$（this）.closest（'.roword'）.find（'select，input'），
v=o.eq（0）.val（），
w=o.eq（1）.val（），
h=o.eq（3）.val（），
r=o.last（）.val（“”）；
如果（v）{
v=v*w*h；
r、 val（v.toFixed（））
}
})
});
函数changeValue（$this）
{
如果（$（$this.text（）=“60x90”）{
$（'input#heightPlus，input#height'）.val（'60'）；
$（'input#widthPlus，input#width'）.val（'90'）；
}
如果（$（$this.text（）=“100x150”）{
$（'input#heightPlus，input#height'）.val（'100'）；
$（'input#widthPlus，input#width'）.val（'150'）；
}
}

.standart{
边框：2倍实心#000；
显示：内联块；
利润率：20px；
填充：20px；
}

选择类型
类型1
类型2
60x90
100x150

您可以像下面这样应用

触发器（“更改”）

，然后它将自动更新值

$('input#heightPlus, input#height').val('60').trigger("change");

$（文档）.ready（函数（）{
$（文档）.on（'input'，'#height'，函数（事件）{
$（this.next（）.val（$（this.val（））；
});
$（文档）.on（'input'，'heightPlus'，函数（事件）{
$（this.prev（）.val（$（this.val（））；
});
$（文档）.on（'input'，'#width'，函数（事件）{
$（this.next（）.val（$（this.val（））；
});
$（文档）.on（'input'，'widthPlus'，函数（事件）{
$（this.prev（）.val（$（this.val（））；
});
});
$（文档）.ready（函数（）{
$（'#form'）。在（'input change'，'select，input'，function（）上{
if（this.type=='range'）$（this.next（）.text（this.value）
var o=$（this）.closest（'.roword'）.find（'select，input'），
v=o.eq（0）.val（），
w=o.eq（1）.val（），
h=o.eq（3）.val（），
r=o.last（）.val（“”）；
如果（v）{
v=v*w*h；
r、 val（v.toFixed（））
}
})
});
函数changeValue（$this）{
如果（$（$this.text（）=“60x90”）{
$（'input#heightPlus，input#height'）.val（'60'）；
$（'input#widthPlus，input#width'）.val（'90'）.trigger（“change”）；
}
如果（$（$this.text（）=“100x150”）{
$（'input#heightPlus，input#height'）.val（'100'）；
$（'input#widthPlus，input#width'）.val（'150'）.trigger（“change”）；
}
}

.standart{
边框：2倍实心#000；
显示：内联块；
利润率：20px；
填充：20px；
}

选择类型
类型1
类型2
60x90
100x150

您只需在函数末尾添加

$（“#表单输入：first”）。trigger（'change'）；

，而不是在每个

if

中添加

trigger

，这将触发并更新值：

$（文档）.ready（函数（）{
$（文档）.on（'input'，'#height'，函数（事件）{
$（this.next（）.val（$（this.val（））；
});
$（文档）.on（'input'，'heightPlus'，函数（事件）{
$（this.prev（）.val（$（this.val（））；
});
$（文档）.on（'input'，'#width'，函数（事件）{
$（this.next（）.val（$（this.val（））；
});
$（文档）.on（'input'，'widthPlus'，函数（事件）{
$（this.prev（）.val（$（this.val（））；
});
});
$（文档）.ready（函数（）{
$（'#form'）。在（'input change'，'select，input'，function（）上{
console.log（this.type）
if（this.type=='range'）$（this.next（）.text（this.value）
var o=$（this）.closest（'.roword'）.find（'select，input'），
v=o.eq（0）.val（），
w=o.eq（1）.val（），
h=o.eq（3）.val（），
r=o.last（）.val（“”）；
如果（v）{
v=v*w*h；
r、 val（v.toFixed（））
}
})
});
函数更改值（元素）{
如果（$（元素）.text（）=“60x90”）{
$（'input#heightPlus，input#height'）.val（'60'）；
$（'input#widthPlus，input#width'）.val（'90'）；
}
如果（$（元素）.text（）=“100x150”）{
$（'input#heightPlus，input#height'）.val（'100'）；
$（'input#widthPlus，input#width'）.val（'150'）；
}
$（'#表单输入：first'）。触发器（'change'）；
}

.standart{
边框：2倍实心#000；
显示：内联块；
利润率：20px；
填充：20px；
}

选择类型
类型1
类型2
60x90
100x150