AJAX 動態加載後臺數據 綁定select的方法

今天小編就爲大家分享一篇AJAX 動態加載後臺數據 綁定select的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

直接上代碼 是可以用的，後臺代碼我就不貼了，我相信後臺代碼大家都會，直接返回json數據，我是前端比較差的，所以喜歡把每次不會的全部記起來

html代碼

<select id="select" style="width : 80px;height : 30px;">
  //下拉框數據動態加載
</select>

js代碼

$.ajax({ 
   url: "",  //後臺webservice裏的方法名稱 
  contentType: "application/json; charset=utf-8",  
  type: "get", 
  async : true ,
  dataType: "json", 
  success: function (date) { 
    var optionstring = "";
    for (var j = 0; j < date.length;j++) {       
    optionstring += "<option value=\"" + date[j].id + "\" >" +"睡眠次數："+date[j].limitnumber+"  睡眠時間："+date[j].sleeptime + "</option>"; 
    $("#select").html("<option value='0'>請選擇...</option> "+optionstring);
          } 
        }, 
        error: function (msg) { 
          alert("出錯了！"); 
        } 
      }); 

以上這篇AJAX 動態加載後臺數據 綁定select的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持神馬文庫。