在Select2 4.0中按值应用css类

Question

我有一个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/

Answer 1

您无法通过选择器找到元素，因为在尝试获取var element = $("#" + item._resultId);项时，不会将其添加到下拉列表中。我已经更新了您的小提琴，而不是只返回文本的项目返回div与您的类，似乎很好的https://jsfiddle.net/ubswjv95/2/。这个解决方案需要少量调整，但这是你应该去的方式。