Изменить цвет тега HTML <option>, используя элемент id после нажатия - PullRequest
Новая
       75

Изменить цвет тега HTML <option>, используя элемент id после нажатия

0 голосов
/ 18 февраля 2019

Я пытался найти решение для этого, но я не нашел то, что я хочу.это пример: 

<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>

например, после выбора опции «Ford» его цвет меняется на красный. Я новичок в Jquery, и я хочу знать, возможно ли это в первую очередь, и еслитогда как? Обратите внимание, что я нацеливаюсь на одно значение после того, как условие выполнено. Итак, я хочу знать синтаксис, который изменит цвет элемента, относящегося к некоторому идентификатору (ПОСЛЕ ВЫБРАННОГО МЕНЮ ЗАКРЫТИЯ), если это возможно.

СПАСИБО ЗА ПРЕДЕЛА.

1 Ответ

0 голосов
/ 18 февраля 2019

Используйте команду find, чтобы найти 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>
...