自定义下拉选择框插件BVSelect.js

自定义下拉选择框插件BVSelect.js源码下载

看看谁在用

查看文件结构

文件大小:0.03M

资源分类: 插件-选择和筛选

更新时间: 2021-03-29

BVSelect.js是一款纯JavaScript组件,自定义的select下拉选择框。可以带搜索、图表等效果。

基本调用方式
var mySelect = new BVSelect({
    selector: "#selectbox"
});
带搜索框
var mySelect = new BVSelect({
    selector: "#selectbox",
    searchbox: true
});
自定义搜索文字
var mySelect = new BVSelect({
    selector: "#selectbox",
    placeholder: "Select Option",
    search_placeholder: "Search..."
});
改变下拉框的选项
mySelect.Change({
  placeholder: "New Placeholder",
  search_placeholder: "New Searchbox's Placeholder",
  options : {
    0: {
      inner_text: 'Option 1',
      value: "1",
      disabled: false,
      separator: false,
      img: "1.png",
      icon: "fa fa-home"
    },
    1: {
      inner_text: 'Option 2',
      value: "2",
      disabled: false,
      separator: false,
      img: "2.png",
      icon: "fa fa-home"
    },
    // ...
  }
});
// apply the change to the dropdown
mySelect.Update();
更多API方法
// 销毁
mySelect.Destroy();

// 获取ID
mySelect.GetID();

// 改变设置
mySelect.Change({
  placeholder: '',
  search_placeholder: '',
  options: {}
});

// 添加选项
mySelect.AppendOption({
  position: '',
  options: {}
});

自定义下拉选择框插件BVSelect.js

正在加载文件目录...

也许你还喜欢

  1. jQuery仿百度主页下拉搜索
  2. jQuery Layui下拉搜索框
  3. jQuery下拉框select多选和单选插件
  4. jquery下拉多选select插件
  5. jQuery下拉自动补全插件搜索
  6. vuejs下拉选择检索国家
css3行星网页动画特效代码
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2