select2不显示中文、ajax加载数据后不能选中的标签选项


下面是遇到的几个问题:

1,关于select2国际化不显示中文的问题:

在页面上引用select2/js/i18n/zh-CN.js时,必须是紧挨着 select2.min.js文件的下一行才有用!!,经bz亲测,不紧挨着 select2.min.js放,尽管引用了zh-CN.js也白搭!!!


2,使用ajax加载数据后,选择后不显示选中的标签:

       ajax: {
            type:'GET',
            url: "${ctx}/topic/manager/search",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    title: params.term, //请求参数
                    page: params.page
                };
            },
            processResults: function (data, params) {
                params.page = params.page || 1;
                var itemList = [];
                console.log(data);
                for(var i=0; i<data.length; i++){
                    itemList.push({id: data[i].id, text: data[i].title})
                }
                return {
                    results: itemList, //data.items,
                    pagination: {
                        more: (params.page * 30) < data.total_count
                    }
                };
            }
        },
        escapeMarkup : function(m) {  
            return m;  
        }



这样做是可以加载到数据:


但是选中其中选项之一:


下拉框关闭,并没有显示选中的值!!!

这个问题阻挡了我两个小时,其实解决起来特别简单,哥们以血的代价告诉你们千万别百度!!要去google,百度出来的内容大多重复且无用!下面是我的解决办法:

                 $.ajax({
url :"${ctx}/topic/manager/search",
type : 'get',
dataType : 'json',
success : function(data){
var itemList = [];
              console.log(data);
              for(var i=0; i<data.length; i++){
                  itemList.push({id: data[i].id, text: data[i].title})
              }
             $('#test_select2').select2({
    placeholder : '输入话题关键字',
    tags : true,
    multiple : true,
    height: '40px',
    maximumSelectionLength : 3,
    allowClear : true,
    language: "zh-CN",
    data : itemList
    });

}
})

我把select2的初始化动作放在了jquery的aja函数的success方法中!先拿数据,然后加工成select2识别的数组格式,再用data赋值!

下面是百度中出现次数最多、很多博客中一字不差的重复且无效的做法:

$("#test_select2").val(itemList).trigger('change');







  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值