使用bootstrap的selectpicker(下拉清單)連動調整grid呈現的資料時，
雖然有下selectpicker選項調整時也要refresh自己本身的程式碼，
但還是出現grid資料有更新，selectpicker卻維持在舊選項的狀況：
(如下圖，選擇了"選項3"與"選項4"，但選擇後選項仍停留在"選項2")
google之後發現不少人遇到同樣的問題，
測試了其中一個解決方式-refresh前先destroy當下的selectpicker資料，
類似重設後再重新整理資料，確認這個方法是可行的～
wanjan_chen
$('#testOption').change(function () {
$('#testOption').selectpicker('destroy');
$('#testOption').selectpicker('refresh');
});
stack Overflow - jquery bootstrap selectpicker refreshing lists based upon previous list choice
iThome鐵人賽
看影片追技術