bootstrap-select下拉方塊如何清除選取的狀態?

青灯夜游
發布: 2020-12-08 11:05:05
轉載
4669 人瀏覽過

bootstrap-select下拉方塊如何清除選取的狀態?

相關教學推薦:《bootstrap影片教學

PC端專案中經常會出現大量的資料清單頁面,涉及下拉框選擇篩選條件;

當時用到bootstrap-select下拉方塊時該如何點選重置按鈕就清除下拉方塊的選取狀態,恢復預設狀態呢?

如【圖1】

bootstrap-select下拉方塊如何清除選取的狀態?

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

如【圖2】

bootstrap-select下拉方塊如何清除選取的狀態?

#此時點選重置按鈕要將【圖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",&#39;0&#39;);//将下拉列表属性lang置为初始值</span>
登入後複製

或這樣:

document.getElementById("selectid").options.length = 0;
登入後複製

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

程式碼如下:

    document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始状态
    $("#searchPayState").selectpicker(&#39;refresh&#39;);//对searchPayState这个下拉框进行重置刷新
登入後複製

以上程式碼即可解決問題

更多程式相關知識,請造訪:程式設計學習! !

以上是bootstrap-select下拉方塊如何清除選取的狀態?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板