小編給大家分享一下bootstrap-select下拉框怎么清除選中的狀態(tài),相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
錯(cuò)那網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
PC端項(xiàng)目中經(jīng)常會(huì)出現(xiàn)大量的數(shù)據(jù)列表頁(yè)面,涉及到下拉框選擇篩選條件;
當(dāng)時(shí)用到bootstrap-select下拉框時(shí)該如何點(diǎn)擊重置按鈕就清除下拉框的選中狀態(tài),恢復(fù)默認(rèn)狀態(tài)呢?
如【圖1】
當(dāng)我們選擇摸一個(gè)條件之后
如【圖2】
此時(shí)點(diǎn)擊重置按鈕要將【圖2】的狀態(tài)回到【圖1】,我們會(huì)使用很多方法,比如:
$("#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置為初始值
或者這樣:
document.getElementById("selectid").options.length = 0;
但是我們找了很多方法對(duì)于bootstrap-select下拉框都不會(huì)生效,其實(shí)就是因?yàn)閎ootstrap-select需要在清楚的基礎(chǔ)上對(duì)當(dāng)前的下拉框進(jìn)行刷新,重新載入
代碼如下:
document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始狀態(tài) $("#searchPayState").selectpicker('refresh');//對(duì)searchPayState這個(gè)下拉框進(jìn)行重置刷新
以上是“bootstrap-select下拉框怎么清除選中的狀態(tài)”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!