通过ajax获取easydropdown数据

前端之家收集整理的这篇文章主要介绍了通过ajax获取easydropdown数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用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();
},

猜你在找的Ajax相关文章