原生html select 动态联动 easyui combobox 多选并且 记录历史值

这可能是一个很尬的做法,做一个wms项目其中有个需求就是 要求两个下拉框第一个下拉框选项固定,第二个下拉框联动并且多选。如果都是联动单选就没什么好说的。个人喜欢如果用了原生的select的话就一直用原生,毕竟风格一致,写法一致。这个wms就是刚好我用的就是原生select ,谁料到客户要求 要一个多选下拉框。select也有多选功能,不说界面风格难看就连操作也不尽人意。怎么办呢,只能厚着脸皮还是使用easyui 的combobox 刚好有多选功能。并且另外一个项目也一直用的是这个,虽然不是信手拈来,至少也不陌生。

为了写短短几十行代码也是百度又百度,方法也是换来换去。碰到几个问题

一开始combobox的选中值老是乱七八糟,明明就是联动,但是一直会有历史遗留。百度了一行代码

$('#ownerLevelId').combobox('clear'); 关键代码,每次改变select 都清空,这样历史遗留也就解决了

另外一个问题也就是 联动的时候赋初始值,默认combobox是空白,个人觉得很难堪,而且主要看不出联动的效果,不知道二级联动有木有动,这个有百度了很久。

$('#ownerLevelId').combobox('clear').combobox('setValue',data[0].ownerLevelId);//子项中的数据默认第一项被选中 

那就是赋值的时候也要清空历史遗留

第三个问题也研究了很久那个就是记住搜索过得值,因为现在框架用搜索是点击搜索就刷新页面,一刷新搜索的值就没有了,压根不知道自己刚刚搜了什么,体验效果极其不好。一般的input 框或者select 取一下{ {request()->input('ow

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值