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

轻松定制HTML选择框 – nice-select2
栏目分类:表单   发布日期:2021-09-27   浏览次数:

一个非常好的选择框替换库,它将常规选择元素转换为动画、可定制、可搜索的下拉列表。

使用:

将 nice-select2 插件的 JavaScript 和样式表导入到文档中。

<link href="dist/css/nice-select2.css" rel="stylesheet" />
<script src="dist/js/nice-select2.js"></script>

只需将函数 NiceSelect 附加到现有的 select 元素并完成。

<select id="example">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
NiceSelect.bind(document.getElementById("example"));

启用/禁用可搜索功能。默认值:false(禁用)。

NiceSelect.bind(document.getElementById("example"),{
  searchable: true
});

更新和销毁实例。

instance.update();
instance.destroy();


官方网站:https://github.com/bluzky/nice-select2

相关热词: 选择框

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