最近在實現一個需求,需要用到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');
});
這樣我們便可以通過一個按鈕,點擊來清除已經選中的選項,而不需要一個一個勾除或者重新刷新頁面來達到一鍵勾除選中選項。
更多分享請關注微信公衆號