Javascript 我有很多选择相同的类，如何改变颜色？

我有很多选择相同的类，如何改变选择的颜色

如果选择选项=第一，则选择的背景色应为红色，如果选择选项=第二，则背景色应为绿色

<select class="select">
   <option value="first" selected>first</option>
   <option value="second">second</option>
</select>

<select class="select">
   <option value="first">first</option>
   <option value="second" selected>second</option>
</select>

第一
第二
第一
第二

我有很多选择相同的课程

您可以使用这个公共类附加一个更改事件，然后使用

this

关键字来知道更改了哪个选项，如：

$（'.select'）。在（'change'，function（）上{
var selected_value=$（this.val（）；
var color=“”；
如果（所选值=='first'）{
颜色=红色；
}else if（所选值=='second'）{
颜色='绿色'；
}
$（this.css（'background-color'，color）；
})

第一
第二
第一
第二

如何更改什么颜色？好的。你是如何做到这一点的？分享一些代码，至少你自己应该会有一个破解。你做过什么调查吗？