bootstrap-select动态插入option元素里边有option但是却没有显示出来

解决办法:
//使用refresh方法更新UI以匹配新状态。
$("#users-search").selectpicker(‘refresh’);
//render方法强制重新渲染引导程序 - 选择ui。
$("#users-search").selectpicker(‘render’);
参考博客:
https://www.cnblogs.com/staticking/p/10504584.html

function changeUsers(type) {
var data = “”;
var condition = “”;
$("#user-search").empty();

if (type === 1) {
    //根据项目选择
    data = $("#project-search").val();
    condition = "1";
} else if (type === 2) {
    data = $("#position-search").val();
    condition = "2";
}
$.ajax({
    async: true,
    type: "POST",
    data: {condition: condition},
    url: ctxPath + '/staffs/queryUsersByCondition?conditionIds=' + data,
    dataType: 'json',
    success: function (data) {
        for (var i = 0; i < data.length; i++) {
            $("#users-search").append("<option value='" + data[i].id + "'>" + data[i].name + "</option>");
        }
        //使用refresh方法更新UI以匹配新状态。
        $("#users-search").selectpicker('refresh');
        //render方法强制重新渲染引导程序 - 选择ui。
        $("#users-search").selectpicker('render');
    }
});

}

发布了1 篇原创文章 · 获赞 0 · 访问量 1
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览