AJAX 动态加载后台数据绑定select

最新推荐文章于 2021-09-10 17:12:45 发布

杨冬冬

最新推荐文章于 2021-09-10 17:12:45 发布

阅读量5.4k

点赞数 2

分类专栏： ajax异步操作 select

本文链接：https://blog.youkuaiyun.com/you_are_my_life/article/details/73484422

版权

select 同时被 2 个专栏收录

1 篇文章

订阅专栏

ajax异步操作

0 篇文章

订阅专栏

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("出错了！");  
                }  
            });