在FastAdmin
中集成了Bootstrap-select
插件,可以对原有的select
元素重新渲染,并增加相应的功能。
我们可以直接给select
元素添加一个class
为selectpicker
的值即可,FastAdmin在检测到以后会自动进行渲染。
我们同时可以给select
添加以下属性用于配置selectpicker
属性 | 介绍 | 添加位置 | 示例 |
---|---|---|---|
data-live-search | 是否启用动态搜索 | select | <select data-live-search="true" ...> |
data-tokens | 添加搜索的关键字 | option | <option data-tokens="keyword keyword2" ...> |
data-max-options | 最大可选择option的数量 | select或optgroup | <select data-max-options="2"...> |
title | 自定义默认提示语 | select | <select title="请选择相应的分类" ...> |
title | 自定义选中以后显示的文字 | option | <option title="分类1" ...></option> |
data-style | 定义样式 | select | <select data-style="btn-primary" ...> |
如果你希望捕获元素变更后的事件,直接给select
绑定change
事件即可,如下:
$(document).on("change", "#c-hobby", function(){
//变更后的回调事件
});
更多的使用方法请参考:Selectpicker官方教程