bootstrap中selectpicker控件下拉框刷新问题

最新推荐文章于 2025-07-11 11:20:20 发布

Ansel-su

最新推荐文章于 2025-07-11 11:20:20 发布

阅读量4.4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/AnselAndEvil/article/details/81666379

本文介绍了一种在使用SelectPicker插件时遇到的数据加载失败问题及其解决方案。通过简单的代码调整，博主成功解决了前台页面无法正常显示后台数据的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

博主是个小后台，在工作中写前台时发现后台提交过来的数据没问题，前台接收也没问题。楼主用的是play2，感觉这方面国内资源比较少没以后也会多写一点play2相关的博客。言归正传，上我们之前遇到问题的代码。

$.get('@url',function (json) {
    for(var i=0 ;i < json.length;i++) {
        $("#@field.id").append($("<option></option>").attr("value", json[i].id).text(json[i].name));
        $('.selectpicker').selectpicker('val', '');
        $('.selectpicker').selectpicker('refresh');
    }

})

出现的问题是：如下图

发现加载不出后台数据。

于是开始调后台，前台，发现数据都在，后来几经辗转发现是控件本身的问题。于是。。。

    $.get('@url',function (json) {
        for(var i=0 ;i < json.length;i++) {
            $("#@field.id").append($("<option></option>").attr("value", json[i].id).text(json[i].name));
            $('.selectpicker').selectpicker('val', '');
            $('.selectpicker').selectpicker('refresh');

        }
})

正确答案如上图所示。加上上面两句后，解决问题。