PC端項(xiàng)目中經(jīng)常會(huì)出現(xiàn)大量的數(shù)據(jù)列表頁面,涉及到下拉框選擇篩選條件;
創(chuàng)新互聯(lián)主營船山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app軟件開發(fā)公司,船山h5成都小程序開發(fā)搭建,船山網(wǎng)站營銷推廣歡迎船山等地區(qū)企業(yè)咨詢
當(dāng)時(shí)用到bootstrap-select下拉框時(shí)該如何點(diǎ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)恢復(fù)默認(rèn)狀態(tài),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!