下拉搜索自动筛选js插件

下拉搜索自动筛选js插件源码下载

看看谁在用

查看文件目录结构

文件大小:0.01M

素材分类: 插件- 选择和筛选

更新时间:2022-12-27

一个灵活且快速的自动完成JavaScript库,可与本机输入字段一起使用。它从JS 数组中获取数据,并在您输入文本时在下拉列表中突出显示。

主要特色
  • 支持本地和远程数据源。
  • 单选和多选。
  • 键盘辅助功能。
  • 数据排序和分组。
  • 在结果中突出显示匹配的字符。
  • 易于使用您自己的 CSS 进行自定义。

定义数据源
const myData = ['js', 'Java', 'PHP'],
初始化插件
new VanillaAutocompleter({
    inputElement: document.querySelector('.ac_input'),
    suggestionsBoxElement: document.querySelector('.ac_suggestions'),
    data: myData
});
全部配置参数
new VanillaAutocompleter({
    // highlights matched characters
    highlight: false,
    // enables multiselect
    multiple: false,
    // shows the selected items
    showSelected: false,
    // shows all suggestions when the input is empty
    allOnEmpty: false,
    // shows the suggestion list when the input gets focus.
    showOnFocus: false,
    // enables keyboard accessibility
    arrowNav: false,
    // debounce delay in ms
    debounceDelay: 0,
    // functions
    
    inputValue: function(suggestion){
      // ...
    },
    suggestionHTML: function(suggestion){
      // ...
    },
    matchTarget: function(data){
      // ...
    },
    isMatch: function(value, data){
      // ...
    },
    group: function(suggestion){
      // ...
    },
    sort: function(){
      // used to sort suggestions
    },
    sortGroup: function(){
      // used to sort groups
    },
});

下拉搜索自动筛选js插件

正在加载文件目录...

下载了 此素材
ofox收藏了 此素材
KANON下载了 此素材
E灯下载了 此素材
预见遇见宇见下载了 此素材
这里的黎明静悄悄下载了 此素材

也许你还喜欢

  1. 支持搜索下拉框插件vanilla-select.js
  2. jquery+bootstrap下拉框模糊自动搜索插件
  3. Bootstrap5自动完成Js插件
  4. jquery输入下拉框自动查询
  5. vuejs实现百度搜索下拉自动匹配
  6. jquery+ajax下拉框提示
  7. jQuery Layui下拉搜索框
  8. jQuery下拉框树菜单选择筛选插件
RGB彩色边框按钮样式
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器