Как сделать, чтобы при выборе опции добавлялся или удалялся класс у элемента? Мне нужно, чтобы если выбранная опция содержала "x190", то элементу добавлялся класс "disabled". Если выбранная опция не содержит "x190" или содержит "x200", то убрать "disabled". Пробовал так, не срабатывает:
$('#target').on('change', function () {
if ( $('#target option:selected:contains("x190")') ) {
$('.indicator').addClass('disabled');
};
if ( $('#target option:selected:contains("x200")') ) {
$('.indicator').removeClass('disabled');
};
});
.indicator {
width: 100px;
height: 100px;
background: red;
}
.disabled {
background: black;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section>
<select id="target">
<option>90x190</option>
<option>90x200</option>
<option>120x190</option>
<option>120x200</option>
<select>
<div class="indicator">
</div>
</section>