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

來源：懂視網責編：小采時間：2020-11-27 22:51:29

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

AJAX 動態加載后臺數據綁定select的方法:直接上代碼是可以用的，后臺代碼我就不貼了，我相信后臺代碼大家都會，直接返回json數據，我是前端比較差的，所以喜歡把每次不會的全部記起來 html代碼 <select id=select style=width : 80px;height : 30px;> //下拉框數

推薦度：

點擊下載本文 文檔為doc格式

導讀AJAX 動態加載后臺數據綁定select的方法:直接上代碼是可以用的，后臺代碼我就不貼了，我相信后臺代碼大家都會，直接返回json數據，我是前端比較差的，所以喜歡把每次不會的全部記起來 html代碼 <select id=select style=width : 80px;height : 30px;> //下拉框數

直接上代碼是可以用的，后臺代碼我就不貼了，我相信后臺代碼大家都會，直接返回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的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com