有没有办法知道何时在 Select2 中选择了一个选项？
Is there a way to know when an option has been selected in Select2?
我正在使用 jQuery 插件 select2 (V4)，我想在选择了一个选项后更改边框颜色 -- 就在这个 class :
.select2-selection--single
然而，查看class选择选项时，Et et al Change et al ex and neshy似乎没有任何可靠的方法可以在CSS中知道这一点。我真正注意到的唯一一件事是在主 select2 容器中添加了 select2-container--below class，但是我认为使用它并不明智，因为它似乎不是为此而设计的。
有没有一种简单的方法可以实现这一点，还是我必须自己添加这个功能？
您可以使用模板和 Select2 CSS 自定义来实现您的目标。
例如，要将自定义样式应用于下拉列表中选择的元素：
li[aria-selected="true"] {
border: 1px solid red !important;
}
使用 Dropdown template to format items in dropdown list and Selection template 设置所选元素的格式。
下面是使用这些技术的代码示例：https://jsfiddle.net/beaver71/0573357j/
我正在使用 jQuery 插件 select2 (V4)，我想在选择了一个选项后更改边框颜色 -- 就在这个 class :
.select2-selection--single
然而，查看class选择选项时，Et et al Change et al ex and neshy似乎没有任何可靠的方法可以在CSS中知道这一点。我真正注意到的唯一一件事是在主 select2 容器中添加了 select2-container--below class，但是我认为使用它并不明智，因为它似乎不是为此而设计的。
有没有一种简单的方法可以实现这一点，还是我必须自己添加这个功能？
您可以使用模板和 Select2 CSS 自定义来实现您的目标。
例如，要将自定义样式应用于下拉列表中选择的元素：
li[aria-selected="true"] {
border: 1px solid red !important;
}
使用 Dropdown template to format items in dropdown list and Selection template 设置所选元素的格式。
下面是使用这些技术的代码示例：https://jsfiddle.net/beaver71/0573357j/