有時(shí)候會(huì)出現(xiàn)需要重置select選項(xiàng)的情況,這就需要我們清楚原本已選擇選項(xiàng)的樣式,并回到默認(rèn)狀態(tài),也就是選擇第一個(gè)option的狀態(tài)。
頁面結(jié)構(gòu)截圖:

這個(gè)過程會(huì)發(fā)現(xiàn)操作原select很容易,但是使用了bootstrap-select,這個(gè)結(jié)構(gòu)樣式是自動(dòng)生成的,改起來是很麻煩的,
我們不僅需要修改select的option,還要修改bootstrap-select的option,這樣才能保證頁面選中的option跟實(shí)際上的select是一致的。
方法如下:
? ??????????????document.getElementById("extraSelect1").options.selectedIndex = 0; //使select重置,會(huì)默認(rèn)選中第一個(gè)
? ????????????? $("#extraSelect1").selectpicker('refresh');//使extraSelect1刷新,相當(dāng)于重置,會(huì)默認(rèn)選中第一個(gè)