bootstrapselectpicker方法
Bootstrap SelectPicker 是一个基于 Bootstrap 的特殊选择器插件，用来美化和增强选项列表的功能。它提供了一套丰富的方法和选项，可以自定义和控制选择器的行为和外观。
1.初始化选择器：
使用 SelectPicker 插件之前，需要先初始化选择器。可以通过以下代码来初始化一个 select 元素：
```javascript
$('select').selectpicker(;
```
这会将所有的 select 元素转换为 SelectPicker 插件的选择器，并赋予其基本功能。
2.自定义外观和样式：
-
样式类：可以通过 HTML 元素的 data-style 属性来设置样式类。例如：`data-`，会将选择器元素变成一个带有 "btn" 和 "btn-primary" 类的按钮。
- 宽度：使用 data-width 可以设置选择器的宽度。例如：`data-width="150px"`，将选择器的宽度设置为 150 像素。
- 图标：可以在选项列表前使用图标。通过在 option 元素中使用 data-icon 属性，指定一个图标类名，来显示相应的图标。
3.多选和单选模式：
- 多选模式：可以通过设置 multiple 属性为 "multiple" 来启用多选模式。例如：`<select multiple>`。
- 单选模式：可以通过设置 multiple 属性为空来启用单选模式。例如：`<select>`。
4.功能：
- 框：SelectPicker 附带了一个框，当选项数量超过一定数量时会自动展示出来。可以通过
将 data-live-search 属性设置为 "true" 来启用功能。例如：`<select data-live-search="true">`。
- 过滤：可以使用 data-live-search-style 属性来设置框的样式，有 "contains"、"startsWith" 和 "endsWith" 可选。例如：`<select data-live-search="true" data-live-search->`。
5.禁用和启用功能：
- 禁用选择器：可以通过在 select 元素上添加 disabled 属性来禁用选择器。例如：`<select disabled>`
bootstrap 5- 禁用选项：可以通过在 option 元素上添加 disabled 属性来禁用特定的选项。
6.刷新和销毁选择器：
- 刷新选择器：在程序动态地添加或删除了选项后，可能需要手动刷新选择器来更新界面。可以使用 selectpicker('refresh') 方法来执行刷新操作。
-
销毁选择器：如果想要销毁选择器，并还原成原始的 select 元素，可以使用 selectpicker('destroy') 方法。
7.事件：
- changed.bs.select 事件：当选择器的值发生改变时触发。
- show.bs.select 事件：当选择器下拉菜单被显示时触发。
- hide.bs.select 事件：当选择器下拉菜单被隐藏时触发。