Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 有没有办法知道在Select2中何时选择了某个选项?_Jquery_Jquery Select2_Jquery Select2 4 - Fatal编程技术网

Jquery 有没有办法知道在Select2中何时选择了某个选项?

Jquery 有没有办法知道在Select2中何时选择了某个选项?,jquery,jquery-select2,jquery-select2-4,Jquery,Jquery Select2,Jquery Select2 4,我使用的是jQuery插件(V4),我想在选择某个选项时更改边框颜色——该选项将位于此类上: .select2-selection--single 然而,当选择一个选项时,查看类的变化等,似乎没有任何可靠的方法可以在CSS中了解这一点;我真正注意到的唯一一件事是在主select2容器的下方添加了一个select2容器,但是我不认为使用它是明智的,因为它似乎并不适用于此 有没有一个简单的方法来实现这一点,或者我必须自己添加这一功能?您可以使用模板和Select2 CSS定制来实现您的目标 例如,

我使用的是jQuery插件(V4),我想在选择某个选项时更改边框颜色——该选项将位于此类上:

.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)
。小提琴更新。