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+"&nbsp;&nbsp;睡眠時間:"+date[j].sleeptime + "</option>";  
        $("#select").html("<option value='0'>請選擇...</option> "+optionstring);
                    }  
                },  
                error: function (msg) {  
                    alert("出錯了!");  
                }  
            }); 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章