获取下拉框的数据并进行回填

本文介绍使用VS和ASP.NET MVC开发的功能,即选中下拉框数据时,系统获取ID查询其他值并回填到输入框。作者用customfunction.js插件绑定下拉框,详细解释了控制器代码及自定义类,还说明了下拉框改变时的处理逻辑,最终实现选中选项回填输入框并弹出模态框。

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

开发工具与关键技术:VS, ASP.NET MVC
作者:谭威
撰写时间:2019年5月23日
我所写的功能是当你在下拉框中选中一条数据时,系统就会获取到ID,在用这个ID查询到其它值进而回填到其它输入框中,在解释我写的代码前,我先介绍一下我是用customfunction.js这个插件来绑定下拉框的,在下面我将html的代码复制到js代码前,所以有一大推的红线:
在这里插入图片描述
在上面的图中我们可以看到html代码的下拉框中没有任何选项可选,为此我用了customfunction.js绑定select标签中的ID,“跑”到控制器中selectCarNumber的方法中查询数据(在这里我将直接讲第二幅图)。在解释控制器代码前,我得先解释下SelectVo这个自定义的类,这个类里面有id(选中值)、text(显示值)这两个字段。我将List实例化为listAcademe这个名字,在将BU_Car这张表实例化为tbCar,将这张表的CarID(这张表的主键)赋值给类里面的id,将CarNumber(车辆编号),为了不让下拉框选中第一个值,我在第一个值前面加了个请选择的选项(id为零),最后返回到视图。这样页面的下拉框也有数据了。
在这里插入图片描述
接着当下拉框发生改变时,我要获取到选中值得ID(赋值给CarID),再判断CarID是否大于零,若不大于,则代表没有发生改变,清空回填的输入框,同时禁止回填的输入框输入数据;若大于,则发送Post请求,同时传送CarID到控制器中,“跑”到控制器的selecttext的方法中(也就是第三幅图),在控制器中我用int类型的CarID来接收到视图传送过来的值,在用try来捕获异常,如果捕获到,则返回空到视图中;我声明dbCar来接收一个数值,后面的大半段的意思是我实例化BU_Car这张表,根据我传送过来的CarID来查询到表中唯一于CarID相等的那条数据,这个数值就是那条数据,再生明CarNumber等于这张表里的CarNumber,LatheName等于这张表里的LatheName,再以数组的形式将CarNumber和LatheName返回到视图。
在这里插入图片描述
当视图拿到数值时,将控制器返回的数值赋予到输入框中,下面的代码的意思是打开模态框,同时这个模态框按esc键和点击空白处不能退出。这样页面上就出现这样的一个下拉框:选中下拉框的选项时,回填两个输入框,同时弹出模态框。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值