解决select2默认赋值问题

关注

原创最新推荐文章于 2025-08-02 11:46:01 发布 1.4w 阅读 AI 写同款· GEO 优化 ›

view UI Plus select组件远程搜索赋值default-label无效问题解决在使用view UI Plus 的 select组件进行远程搜索功能时，默认赋值不成功，几经周折最后完美解决。阅读详情

1、数据来源于静态数据

$(".test").select2({
            width: "100%",
            minimumResultsForSearch: -1,
            data:[{id:1,name:1},{id:2,name:2},
                  {id:3,name:3},{id:4,name:4},
                  {id:5,name:5}],
            formatSelection: function(item){
                return item.name;
            },
            formatResult: function(item){
                return item.name;
            }
        });
赋值
    $(".test").val(1).trigger("change");

2、数据来源ajax请求

$(".test").select2({
            width: "100%",
            multiple: false,
            placeholder: "请选择...",
            ajax: {
                url: "url",
                type: "post",
                dataType: "json",
                data:function(term, page){
                    return {
                        start: (page - 1) * 10,
                        length: 10
                    };
                },
                 results:function(response, page, query){ 
                 }
            },
            formatResult: this.proxy(function(item){
                return item.name;
            }),
            formatSelection: this.proxy(function(item){
                return item.name;
            }),
            id: this.proxy(function(item){
                return item.value;
            })
        })

//赋值
    $(".test").select2("data",{id:'',name:''})