input模糊搜索ajax,selectInput: Layui select配合input实现可输入,可选择,可搜索,支持异步加载,远程搜索,也可以本地data直接赋值,主要使用场景是select框...

selectInput 是一个可输入、可选择、可搜索的Layui组件,适用于用户输入关键词匹配系统联想词。支持本地数据赋值、异步URL加载和实时远程搜索。配置包括初始化数据、异步请求、事件监听等功能。
摘要由CSDN通过智能技术生成

这是个啥?

selectInput 是将input框变成即可输入亦可选择的select下拉组件,主要使用场景是用户可以输入关键词,匹配系统存在的联想词形成select下拉框以供用户选择,当然用户也可以使用自行输入的信息,支持模糊匹配,数据源可以本地赋值,也可以异步url请求加载,或者干脆点直接实时输入远程请求联想呈现

344847804131467a3e2b65140f919ee2.png

怎么使用呢?

下载源代码, 通常情况下, 你可以在 Releases 这里找到所有已经发布的版本.

将下载好的文件, 通常是压缩包, 解压到你项目的扩展目录里去, 譬如: libs/modules

确认项目的 layui.config 和 layui.base 配置是否正确, 可参考 示例文件

使用 layui.use 来引入扩展! 可参考 示例文件

代码片段

仅供参考, 请勿复制粘贴照搬照抄,否则导致的报错或者无法运行自行负责

配置扩展

layui

.config({

base: "./modules/",

})

.extend({

selectInput: "selectInput/selectInput",

});

引入扩展并使用

HTML 部分

Javascript 部分

layui.use(["selectInput&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值