bootstrap-select下拉框怎么清除選中的狀態

小編給大家分享一下bootstrap-select下拉框怎么清除選中的狀態，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

PC端項目中經常會出現大量的數據列表頁面，涉及到下拉框選擇篩選條件；

當時用到bootstrap-select下拉框時該如何點擊重置按鈕就清除下拉框的選中狀態，恢復默認狀態呢？

如【圖1】

當我們選擇摸一個條件之后

如【圖2】

此時點擊重置按鈕要將【圖2】的狀態回到【圖1】，我們會使用很多方法，比如：

            $("#loc_province_search").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $("#loc_city_search").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $("#loc_town_search").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $(".txt_classification").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $(".txt_industry").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $(".txt_segmentation").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $(".customer_busi_status2").attr("lang",'0');//將下拉列表屬性lang置為初始值  
            $("#searchkey").attr("lang",'0');//將下拉列表屬性lang置為初始值</span>

或者這樣：

document.getElementById("selectid").options.length = 0;

但是我們找了很多方法對于bootstrap-select下拉框都不會生效，其實就是因為bootstrap-select需要在清楚的基礎上對當前的下拉框進行刷新，重新載入

代碼如下：

    document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始狀態
    $("#searchPayState").selectpicker('refresh');//對searchPayState這個下拉框進行重置刷新

以上是“bootstrap-select下拉框怎么清除選中的狀態”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！