方法

与bootstrap-select的接口。

`.selectpicker('val')`

您可以通过调用元素上的val方法来设置所选值。

$('.selectpicker').selectpicker('val', 'Mustard');
$('.selectpicker').selectpicker('val', ['Mustard','Relish']);

这与直接在select元素上调用val（）不同。如果直接在元素上调用val（），则bootstrap-select ui将不会刷新（因为更改事件仅从用户交互中触发）。您必须自己调用ui refresh方法。

$('.selectpicker').val('Mustard');
$('.selectpicker').selectpicker('render');

// 这相当于上述内容
$('.selectpicker').selectpicker('val', 'Mustard');

`.selectpicker('selectAll')`

这将选择多选中的所有项目。

$('.selectpicker').selectpicker('selectAll');

`.selectpicker('deselectAll')`

这将取消选择多选中的所有项目。

$('.selectpicker').selectpicker('deselectAll');

`.selectpicker('render')`

您可以使用render方法强制重新呈现bootstrap-select ui。如果以编程方式更改影响元素布局的任何基础值，则此选项非常有用。

$('.selectpicker').selectpicker('render');

`.selectpicker('mobile')`

通过调用移动滚动$('.selectpicker').selectpicker('mobile')这将启用设备的选择菜单的本机菜单

用于检测浏览器的方法由用户决定。

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
  $('.selectpicker').selectpicker('mobile');
}

`.selectpicker('setStyle')`

修改与按钮本身或其容器关联的类。

如果更改容器上的类：

$('.selectpicker').addClass('col-lg-12').selectpicker('setStyle');

如果更改按钮上的类（更改数据样式）：

// Replace Class
$('.selectpicker').selectpicker('setStyle', 'btn-danger');

// Add Class
$('.selectpicker').selectpicker('setStyle', 'btn-large', 'add');

// Remove Class
$('.selectpicker').selectpicker('setStyle', 'btn-large', 'remove');

`.selectpicker('refresh')`

要以编程方式使用JavaScript更新选择，请先操作select，然后使用refresh方法更新UI以匹配新状态。在删除或添加选项时，或通过JavaScript禁用/启用选择时，这是必需的。

$('.selectpicker').selectpicker('refresh');

<select class="selectpicker remove-example">
  <option value="Mustard">Mustard</option>
  <option value="Ketchup">Ketchup</option>
  <option value="Relish">Relish</option>
</select>

<button class="btn btn-warning rm-mustard">Remove Mustard</button>
<button class="btn btn-danger rm-ketchup">Remove Ketchup</button>
<button class="btn btn-success rm-relish">Remove Relish</button>

$('.rm-mustard').click(function () {
  $('.remove-example').find('[value=Mustard]').remove();
  $('.remove-example').selectpicker('refresh');
});

$('.ex-disable').click(function () {
  $('.disable-example').prop('disabled', true);
  $('.disable-example').selectpicker('refresh');
});

$('.ex-enable').click(function () {
  $('.disable-example').prop('disabled', false);
  $('.disable-example').selectpicker('refresh');
});

`.selectpicker('toggle')`

以编程方式切换bootstrap-select菜单打开/关闭。

$('.selectpicker').selectpicker('toggle');

`.selectpicker('hide')`

要以编程方式隐藏bootstrap-select，请使用hide方法（这只会影响bootstrap-select本身的可见性）。

$('.selectpicker').selectpicker('hide');

`.selectpicker('show')`

要以编程方式显示bootstrap-select，请使用show方法（这仅影响bootstrap-select本身的可见性）。

$('.selectpicker').selectpicker('show');

`.selectpicker('destroy')`

要以编程方式销毁bootstrap-select，请使用destroy方法。

$('.selectpicker').selectpicker('destroy');