使用easydropdown固定需要三個檔案:easydropdown.css、jquery.easydropdown.js、jquery-2.0.3.min.js
html 中 使用樣式(class="dropdown"):
<select name="tm_type_select" id="tm_type_select" class="dropdown" value="" οnchange="selectTmType()">
<option value="" >題目類型</option>
</select>
js通過ajax擷取資料後,加入下拉框中,再調用easydropdown事件:
success : function(result) {
var html = "";
for(var i in result ){
html += "<option value='" + i + "'>" + result[i] + "</option>"
}
$("#tm_type_select").append(html);
$("#tm_type_select").easyDropDown("destroy"); // 必不可少,因為前端樣式已經變成ul和li了,是以必須先銷毀一遍.
$("#tm_type_select").easyDropDown();
},