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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012571917/article/details/77905943

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) {
    }
});

这样才选上了不同的经费来源,效果如下

猜你喜欢

转载自blog.csdn.net/u012571917/article/details/77905943