根据Select2 4.0中的值应用css类

Applying css class according to value in Select2 4.0

本文关键字：应用 css Select2 根据      更新时间：2023-09-26

我有一个select2选择，我想根据这个值改变背景颜色。

然而，允许我这样做的选项(formatSelectionCssClass)似乎已经从select2的V4.0中删除了

我已经尝试使用以下templateResult:

templateResult: function (item) {
            if (item.loading)
                return item.text;
            var element = $("#" + item._resultId);
            switch (item.text) {
                case "0":
                    element.addClass("element-0");
                    break;
                case "1":
                    element.addClass("element-1");
                    break;
                case "2":
                    element.addClass("element-2");
                    break;
                case "3":
                    element.addClass("element-3");
                    break;
            }
            return item.text;
        },

编辑:JSFiddle: https://jsfiddle.net/ubswjv95/

你不能找到你的选择器元素，因为在那一刻，当你试图得到var element = $("#" + item._resultId);项目不添加在下拉框。我已经更新了您的小提琴，而不是返回项目的文本返回div与您的类，并且看起来很好https://jsfiddle.net/ubswjv95/2/。这个解决方案需要做一些调整，但这是你应该做的。

相关文章：