下拉框改变触发数据回填的详细解析

最新推荐文章于 2021-02-06 22:31:48 发布

原创最新推荐文章于 2021-02-06 22:31:48 发布 · 447 阅读

CC 4.0 BY-SA版权

本文详细介绍了如何使用jQuery的change()方法实现下拉框选择变动时的数据回填功能。通过实例代码展示了如何在费用名称下拉框改变时，自动更新金额、实收金额和设置折扣，默认折扣值为1。此外，还探讨了change()方法的适用范围及其在文本域和select属性中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：张铭标

撰写时间：2019年8月 6日

在做功能的时候,有时候我们需要让某个下拉框的值在改变的时候,其它的地方做出相应的变化.这个时候就需要用到一个jQuery的方法:change([[data],fn]),具体用法如下:

//费用名称下拉框改变触发数据回填

$("#OtherExpenses").change(function () {

            //获取选中的其它费用ID

            var otherExpensesId =

$("#OtherExpenses").val();

$.get(“OtherExpenses”, { OtherExpensesID: otherExpensesId },
function (da) {

                //金额回填

$("#MoneyQT").val(da.data[0].OtherExpenses);

                //折扣

$("#DiscountQT").val(“1”);

                //实收金额数据回填

$("#ActualMoneyQT").val(da.data[0].OtherExpenses);

            })

        });

从这里可以看出,当费用名称这个下拉框进行改变的时候,后面的金额,实收金额和折扣都会做出相应的变化,就像上面的代码中金额和实收金额会在费用名称变化的时候进行数据回填的操作,而折扣里面的值也会默认变成1.具体效果如下图所示:

在这里插入图片描述

这里当我点击费用名称这个下拉框的时候,后面的数据就会进行相对应的回填,这就是change方法的使用.但是要注意的是,此方法只能作用于文本域和select属性中.除了进行数据回填也可以进行其它你想要的任何操作,例如在费用名称发生改变的时候调用某种方法之类的,或者进行页面跳转,总之你喜欢就好.