Question

我试图为此找到解决方案，但我还没有找到想要的东西。这是一个例子：

<div class="custom-select" style="width:200px;">
  <select>
    <option value="0">Select car:</option>
    <option value="1">Audi</option>
    <option value="2">BMW</option>
    <option value="3">Citroen</option>
    <option value="4">Ford</option>
    <option value="5">Honda</option>

例如，在单击“福特”选项后，它的颜色将转换为红色。这是Jquery的新功能，我想知道的是首先是否可行，如果可以，那么如何？请注意，在满足条件后，将目标设为单个值。因此，我想知道的是，如果可能的话，语法将更改与某些ID相关的元素的颜色（选择菜单关闭后）。

感谢。

Answer 1

使用查找来找到selected option onchange并使用.css施加颜色

$(document).ready(function() {
    $('select').change(function() {
    $(this).find('option').css('background-color', 'white');
      $(this).css('background-color', 'red');
  })
  
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="custom-select" style="width:200px;">
  <select>
    <option value="0">Select car:</option>
    <option value="1">Audi</option>
    <option value="2">BMW</option>
    <option value="3">Citroen</option>
    <option value="4">Ford</option>
    <option value="5">Honda</option>
  </select>
</div>

单击后使用id元素更改HTML <option>标记的颜色

1 个答案: