使用easydropdown固定需要三个文件:easydropdown.css、jquery.easydropdown.js、jquery-2.0.3.min.js
html 中 使用样式(@H_301_5@class="dropdown"@H_301_5@):
<select @H_301_5@name=@H_301_5@"tm_type_select" @H_301_5@id=@H_301_5@"tm_type_select" @H_301_5@class=@H_301_5@"dropdown" @H_301_5@value=@H_301_5@"" @H_301_5@onchange=@H_301_5@"@H_301_5@selectTmType()"@H_301_5@> <option @H_301_5@value=@H_301_5@"" @H_301_5@>题目类型</option@H_301_5@> </select@H_301_5@>
js通过ajax获取数据后,加入下拉框中,再调用easydropdown事件:
success : function@H_301_5@(result) { var @H_301_5@html = ""@H_301_5@; for@H_301_5@(var @H_301_5@i in @H_301_5@result ){ html += "<option value='" @H_301_5@+ i + "'>" @H_301_5@+ result[i] + "</option>" @H_301_5@ @H_301_5@} $("#tm_type_select"@H_301_5@).append(html); $("#tm_type_select"@H_301_5@).easyDropDown("destroy"@H_301_5@); // 必不可少,因为前端样式已经变成ul和li了,所以必须先销毁一遍. $("#tm_type_select"@H_301_5@).easyDropDown(); },