Question

在我的HTML中，我有<select>个<option>个元素。我想使用jQuery来检查每个选项的值对Javascript变量。如果匹配，我想设置该选项的颜色。我该怎么做？

Answer 1

如果我从您的要求中理解，您应该尝试跟随，

var yourVar = 1; //consider your expected value;
$(document).on('change', '#selectId', function(){

   var currentValue = $(this).val();
   if(yourVar == currentValue)
   {
        //apply your colour logic
   }
});

Answer 2

如果它只是一个简单的html列表，而不是一个jQuery UI那么就是全部：

var found = $('#cars option[value="saab"]');//Search for 'saab' value
found.css("color","red");//Set color as red

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

Answer 3

您可以从$(select).find('option:selected')中找到您从jquery中选择的选项，另一种方式是$(select).val()（它将返回select的值）。

但是要设置select元素的样式，请查看此link

设置HTML Select元素的选定选项的颜色

3 个答案: