Jquery 有没有办法知道在Select2中何时选择了某个选项?
我使用的是jQuery插件(V4),我想在选择某个选项时更改边框颜色——该选项将位于此类上:Jquery 有没有办法知道在Select2中何时选择了某个选项?,jquery,jquery-select2,jquery-select2-4,Jquery,Jquery Select2,Jquery Select2 4,我使用的是jQuery插件(V4),我想在选择某个选项时更改边框颜色——该选项将位于此类上: .select2-selection--single 然而,当选择一个选项时,查看类的变化等,似乎没有任何可靠的方法可以在CSS中了解这一点;我真正注意到的唯一一件事是在主select2容器的下方添加了一个select2容器,但是我不认为使用它是明智的,因为它似乎并不适用于此 有没有一个简单的方法来实现这一点,或者我必须自己添加这一功能?您可以使用模板和Select2 CSS定制来实现您的目标 例如,
.select2-selection--single
然而,当选择一个选项时,查看类的变化等,似乎没有任何可靠的方法可以在CSS中了解这一点;我真正注意到的唯一一件事是在主select2容器的下方添加了一个select2容器,但是我不认为使用它是明智的,因为它似乎并不适用于此
有没有一个简单的方法来实现这一点,或者我必须自己添加这一功能?您可以使用模板和Select2 CSS定制来实现您的目标
例如,要将自定义样式应用于下拉列表中选定的图元,请执行以下操作:
li[aria-selected="true"] {
border: 1px solid red !important;
}
用于设置下拉列表中项目的格式和选定元素的格式
下面是一个使用这些技术的代码示例:插件api有各种各样的事件可供挂钩。您是否检查了下拉列表和选择模板(请参阅)?但是,如果可以帮助您,请检查我的小提琴:感谢这项技术。我以前在select2中使用过模板,但最后只是监听了它们的select2:select
事件,然后根据该事件更改边框颜色。您还可以在templateResult
函数中更改容器的样式,定义如下:function formatStateDropdown(state,container)
。小提琴更新。