JSFiddle - React, Tailwind, and code Playground
CSS
.active {
background-color: red;
}
.container {
padding: 40px;
}
JavaScript
var searchOption = $('.container .select-box option:selected').text();
var searchValue = $('.container .select-box option').val();
$('.container').each(function () {
$(this).children('.select-box').attr('value', searchValue);
if ($(this).find('.select-box option:selected').val() == 'articles') {
$(this).toggleClass('active');
}
});
$('.container .select-label').click(function () {
$(this).parent().toggleClass('active');
var select = $(this).siblings('.select-box');
if (select.val() == 'option-a') {
select.val('option-b');
select.attr('value', 'option-b');
} else {
select.val('option-a');
select.attr('value', 'option-a');
}
});