这是个啥?
selectInput 是将input框变成即可输入亦可选择的select下拉组件,主要使用场景是用户可以输入关键词,匹配系统存在的联想词形成select下拉框以供用户选择,当然用户也可以使用自行输入的信息,支持模糊匹配,数据源可以本地赋值,也可以异步url请求加载,或者干脆点直接实时输入远程请求联想呈现
怎么使用呢?
下载源代码, 通常情况下, 你可以在 Releases 这里找到所有已经发布的版本.
将下载好的文件, 通常是压缩包, 解压到你项目的扩展目录里去, 譬如: libs/modules
确认项目的 layui.config 和 layui.base 配置是否正确, 可参考 示例文件
使用 layui.use 来引入扩展! 可参考 示例文件
代码片段
仅供参考, 请勿复制粘贴照搬照抄,否则导致的报错或者无法运行自行负责
配置扩展
layui
.config({
base: "./modules/",
})
.extend({
selectInput: "selectInput/selectInput",
});
引入扩展并使用
HTML 部分
Javascript 部分
layui.use(["selectInput&