如果用户进行了选择,则更改选择框的背景颜色

时间:2016-04-26 08:40:53

标签: jquery select

我有几个用于过滤数据表的选择框。所有的盒子都有自己唯一的ID,所有盒子都有相同的等级。为了更好的可用性,我想通过更改backgorund颜色来突出显示选择框,如果用户已做出选择并因此过滤器处于活动状态。

使用jquery处理此问题的最佳方法是什么。

1 个答案:

答案 0 :(得分:0)



$('select').change(function() {
  $(this).addClass('addclass')

})

.addclass {
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
&#13;
&#13;
&#13;

您可以在完成选择时添加课程。在该课程中,您可以设置背景颜色