天天看點

通過ajax擷取easydropdown資料

使用easydropdown固定需要三個檔案:easydropdown.css、jquery.easydropdown.js、jquery-2.0.3.min.js

通過ajax擷取easydropdown資料

html 中 使用樣式(class="dropdown"):

<select name="tm_type_select" id="tm_type_select" class="dropdown" value="" οnchange="selectTmType()">
   <option value="" >題目類型</option>
</select>
      
通過ajax擷取easydropdown資料

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();
},      
通過ajax擷取easydropdown資料