select2多选，怎么都选不中的解决方案

最新推荐文章于 2022-03-22 15:49:27 发布

火龙果呀

最新推荐文章于 2022-03-22 15:49:27 发布

阅读量1.7k

点赞数

分类专栏： js 文章标签： ajax

本文链接：https://blog.csdn.net/u012571917/article/details/77905943

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

select2多选，怎么都选不中的解决方案

解决方法：Select2 使用ajax从服务器取回数据之后，要进行点选，必须知道唯一的ID。也就是给selec2添加id属性

代码块

    $('#txtDataValue').change(function () {
        form3.validate().element($(this));
    }).select2({
        placeholder: "请选择经费来源...",
        minimumInputLength: 0,
        multiple: true,
        id: function (index) {

            return index.Id;
            console.log(index)
        },
        ajax: {
        url: "@Url.Action("_DataValueSelector", "Project")",
        dataType: 'json',
        quietMillis: 100,
        data: function (term, page) {
            return {
                q: term, // search term  
            };
        },
        results: function (data, page) {
            return { results: data }

        },
        cache: true
    },
        formatResult: function (d) {
            return d.Data_Value + "[" + d.Id + "]";
        },
    formatSelection: function (d) {
        return d.Data_Value + "[" + d.Id + "]";
    },
    initSelection: function (element, callback) {
    }
});

这样才选上了不同的经费来源，效果