javascript--自动填充 与 多选级联

本文探讨了在后台业务查询中实现自动联想输入框的需求,对比了combobox、multiValueSearchInput和autoComplete三种解决方案。最终选择了autoComplete,因为其实现简单,无需额外文件,且能复用后端接口。实现过程包括引入JS,定义函数,以及对可能出现的重复数据进行后端去重处理。虽然选型花费时间较长,但实际开发快速,仅用了4小时完成。
摘要由CSDN通过智能技术生成

需求背景:在后台进行活动等业务信息查询时,都是需要手动输入全部的信息。想要一个可以实现自动联想的输入框,在输入时,即可看到后端返回的数据,再进行选择性的输入。

选择过程:
1、首先想到的是combobox,理由:以前了解过,实现效果如下:

这里写图片描述
不过在看使用示例后,不足之处:需要引入新的js文件(jquery-easy-UI),使用起来略复杂(省事才是王道)。

2、multiValueSearchInput。这个目前在系统里面有现成的使用案例,效果还可以。这里写图片描述

不过在看了源码后,不足之处:源码复杂,想要把页面上的查询条件传递到后端,看了半天,还是没看明白,而目前已有的案例是仅根据输入的值进行模糊匹配查询,而我需求则是要求将form表单内的数据均作为查询 条件传递到后端进行查询。

3、在看multiValueSearchInput源码过程中,发现了一个插件,autoComplete,这个是jquery内嵌的一个自动填充效果,效
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值