使用jQuery选择项目后更改背景颜色

时间:2017-01-25 09:58:15

标签: jquery html css

我有一个搜索栏,我想在选择项目时更改该搜索栏的背景颜色。我必须使用jQuery和CSS。

没有选择标记的背景

background without select tag

选择标记时,我必须更改搜索栏的背景颜色

i have to change background color of search bar when tag is selected

我的班级名字是select2-choices

任何人都可以帮我写这段代码吗?

2 个答案:

答案 0 :(得分:0)

您需要使用Jquery选择器。 检测被单击的搜索栏上的选项,然后设置控件的背景颜色。

$(".select2-choices").click(function () {
            $("#MySearchBar).css({ "background-color": "White" });
        });

答案 1 :(得分:0)

$(".select2-choices").click(function () { var bar = $("#MySearchBar); bar.setAttribute("style","background-color:White"); });