在做專案的時候，遇到一個很奇怪的問題！

在HTML 頁面中呼叫

<link rel="stylesheet" type="text/css" href="../../static/css/chosen.css">

<script type="text/javascript" src="../../static/js/jquery-1.7.2.js"></script>

<script type="text/javascript" src="../../static/js/chosen.jquery.min.js"></script>

chosen 下拉框外掛時，不管是自動獲取資料，還是將資料寫死，

下拉框都無法顯示，當點選下拉框時，下拉框這個div會自動隱藏，

當你遇到這個問題時， 應當先把你上層的div 或者是 table 的css 樣式 清空，這樣來進行除錯，這樣你才能知道，是什麼問題！

還有就是呼叫

$(".chzn-select").chosen(); 
$(".chzn-select-deselect").chosen({allow_single_deselect:true});

時，應當是你的 下拉框中已經有了資料！