PC端項(xiàng)目中經(jīng)常會(huì)出現(xiàn)大量的數(shù)據(jù)列表頁(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置為初始值</span> 或者這樣:
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)行重置刷新以上代碼即可解決問(wèn)題
以上所述是小編給大家介紹的BootStrap Select清除選中的狀態(tài)恢復(fù)默認(rèn)狀態(tài),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注