溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

BootStrap Select清除選中的狀態(tài)恢復默認狀態(tài)

發(fā)布時間：2020-08-30 00:55:59 來源：腳本之家 閱讀：475 作者：LLDD2014425程序猿 欄目：web開發(fā)

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

當時用到bootstrap-select下拉框時該如何點擊重置按鈕就清除下拉框的選中狀態(tài)呢？

如【圖1】

BootStrap Select清除選中的狀態(tài)恢復默認狀態(tài)

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

如【圖2】

BootStrap Select清除選中的狀態(tài)恢復默認狀態(tài)

此時點擊重置按鈕要將【圖2】的狀態(tài)回到【圖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; //回到初始狀態(tài)
  $("#searchPayState").selectpicker('refresh');//對searchPayState這個下拉框進行重置刷新

以上代碼即可解決問題

以上所述是小編給大家介紹的BootStrap Select清除選中的狀態(tài)恢復默認狀態(tài)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。

AI
助
手