当前位置:主页 > JavsScript库 > 表单 >

Bootstrap 样式可搜索下拉选择框插件 - fstdropdown
栏目分类:表单   发布日期:2021-08-18   浏览次数:

fstdropdown JavaScript 插件使用纯 JavaScript 和 CSS 将普通选择元素转换为可搜索的 Bootstrap 样式下拉选择。

使用:

将 fstdropdown 的 JavaScript 和样式表插入到 HTML 文件中。

<select class="fstdropdown-select" id="example"> 
  <option value="">选择选项</option> 
  <option value="1">第一</option> 
  <option value="2">第二</option> 
  <option value="3">第三个</option> 
</select>

只需将 CSS 类添加 fstdropdown-select到您的选择元素,插件就会完成剩下的工作。

<select class="fstdropdown-select" id="example" data-searchdisable="true">
  <option value="">选择选项</option>
  <option value="1">一</option>
  <option value="2">二</option>
  <option value="3">三</option>
</select>

要禁用可搜索功能,请将 设置 data-searchdisable 为 true。

如果您添加新选项,请更新下拉选择。

fstdropdown.rebind();

在特定的选择元素上初始化插件。

setFstDropdown();


官方网站:https://github.com/VirtusX/fstdropdown

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库