选择下拉框的值同时输入文本的值来变换另一个文本框的值

这个是我项目练习里面的一个小功能,为了计算出水费跟电费的一些费用的一个功能,水费跟电费的价格已经绑定在一个选择下拉框里面了,选择下拉框的值,然后再输入数量值进行计算出所需要支付的费用。水费跟电费的值是固定的,数量值是按实时输入的。
在这里插入图片描述
我用的是from表单提交,在新增from表单里写,首先是获取费用类型ID,用change改变下拉框的值,获取费用类型ID声明费用类型参数,用post提交,方法路径条件参数的一个拼接,获取费用定价ID进行对费用定价去赋值,获取费用定价ID声明费用定价参数,获取数量ID声明数量参数,判断条件如果费用定价不等于空值和数量不等于空值的话,那么费用价格的值就是费用定价的值乘于数量的值;然后再用一个keyup事件输入数量值来写一个判断,keyup事件会在键盘按键被松开时发生(即每次增加或删除或修改一个字符就会触发),获取费用定价ID声明费用定价参数,获取数量ID声明数量参数,判断条件如果费用定价不等于空值和数量不等于空值的话,那么费用价格的值就是费用定价的值乘于数量的值。
注意:那个post提交的位置一定要放对,如果放错了地方,它那个费用价格的值改变会有一个延迟的一个变化,而导致value值延迟数据的一个错误。
在这里插入图片描述
上图是一个效果图显示,显示可以选择下拉框的值来改变费用价格的值,也可以输入电费/水费的值来改变费用价格的值。

猜你喜欢

转载自blog.csdn.net/weixin_44587829/article/details/88936581