PHP

bootstrap-select清除选中的数据，回到默认初始状态

bootstrap-select清除选中的数据，回到默认初始状态

最近在实现一个需求，需要用到bootstrap-select多选框，但同时也有一个烦恼，就是如何去除自己选的选项，毕竟如果太多选项，一个一个勾除显然不现实，所以必须有一个一键可以去除已经选中的选项，下面就向大家分享如何实现。

我们可以通过一个按钮，然后赋值一个方法，这个方法可以去除选项，代码如下：

<button type='button' class='btn btn-info' id='initializePartyAProject'>置空</button>

然后写一个js方法，用来清除选项，代码如下：

$('#initializePartyAProject').on('click', function () {
      //回到初始状态
      $('#party_a_project_name').selectpicker('val',['noneSelectedText']) 
      //对party_a_project_name这个下拉框进行重置刷新
      $("#party_a_project_name").selectpicker('refresh');
});

这样我们便可以通过一个按钮，点击来清除已经选中的选项，而不需要一个一个勾除或者重新刷新页面来达到一键勾除选中选项。

今天就跟大家分享到这，最近更新频率也有效下降~