有没有办法知道何时在Select2中选择了一个选项？

Question

我正在使用jQuery插件select2（V4），我想在选择一个选项时改变边框颜色 - 这将在这个类上：

.select2-selection--single

然而，当选择一个选项时，查看类更改等，似乎没有任何可靠的方法在CSS中知道这一点;我唯一注意到的是在主select2容器中添加了一个select2-container--below类，但是我不认为使用它会是明智的，因为它似乎不是那个意思。

有没有简单的方法来实现这一目标，还是我必须自己添加此功能？

Answer 1

您可以使用模板化和Select2 CSS自定义来实现目标。

例如，要将自定义样式应用于下拉列表中选定的元素：

li[aria-selected="true"] {
  border: 1px solid red !important;
}

使用Dropdown template格式化下拉列表中的项目和Selection template来格式化所选元素。

以下是使用这些技术的代码示例：https://jsfiddle.net/beaver71/0573357j/