如何使用jquery更改selectbox中特定单词的文本颜色

如何使用jquery更改selectbox中特定单词的文本颜色,jquery,drop-down-menu,Jquery,Drop Down Menu,我有一个带有几个值的选择框。其中一个值id越位。越位文本应始终为红色。(我使用bootstrap中的文本危险类将其涂成红色) 现在我想实现的是:如果选择越位,则将所选文本也设为红色。 如果选择了另一个值,请不要将其设为红色 这是我的小提琴: 如何实现这一点?在选择中添加一个类,我们可以在其中触发: <select class="category"> <option class="blog-category" value="O

我有一个带有几个值的选择框。其中一个值id
越位
。越位文本应始终为红色。(我使用bootstrap中的文本危险类将其涂成红色)

现在我想实现的是:如果选择越位,则将所选文本也设为红色。 如果选择了另一个值,请不要将其设为红色

这是我的小提琴:


如何实现这一点?

在选择中添加一个类,我们可以在其中触发:

<select class="category">
  <option class="blog-category" value="Offside" selected>Offside</option>
  <option class="blog-category" value="Apple" >Apple</option>
  <option class="blog-category" value="Banana" >Banana</option>
  <option class="blog-category" value="Peach" >Peach</option>
  <option class="blog-category" value="Orange" >Orange</option>
  <option class="blog-category" value="Offside" >Offside</option>
</select>
<br /><br />
<select class="category">
  <option class="blog-category" value="Apple" selected>Apple</option>
  <option class="blog-category" value="Apple" >Apple</option>
  <option class="blog-category" value="Banana" >Banana</option>
  <option class="blog-category" value="Peach" >Peach</option>
  <option class="blog-category" value="Orange" >Orange</option>
  <option class="blog-category" value="Offside" >Offside</option>
</select>

$(".blog-category:contains(Offside)").addClass('text-danger');
<select class="category">
  <option class="blog-category" value="Offside" selected>Offside</option>
  <option class="blog-category" value="Apple" >Apple</option>
  <option class="blog-category" value="Banana" >Banana</option>
  <option class="blog-category" value="Peach" >Peach</option>
  <option class="blog-category" value="Orange" >Orange</option>
  <option class="blog-category" value="Offside" >Offside</option>
</select>
<br /><br />
<select class="category">
  <option class="blog-category" value="Apple" selected>Apple</option>
  <option class="blog-category" value="Apple" >Apple</option>
  <option class="blog-category" value="Banana" >Banana</option>
  <option class="blog-category" value="Peach" >Peach</option>
  <option class="blog-category" value="Orange" >Orange</option>
  <option class="blog-category" value="Offside" >Offside</option>
</select>
$(".blog-category:contains(Offside)").addClass('text-danger');

$('.category option:selected:contains(Offside)').closest('select').addClass('text-danger');