JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

<select name="" id="listbox">
    <option value="1">1</option>
    <option value="2">3</option>
</select>

JavaScript

$('#listbox option:eq(0)').css('color', 'red');
$('#listbox option:eq(1)').css('color', 'green');

function checkColorByName(ele, colorName) {
    var tempDiv = $('<div>').css("color", colorName).hide().appendTo('body');
    console.log(tempDiv.css('color'));
    var bol = tempDiv.css('color') == ele.css('color');
    tempDiv.remove();
    return bol;
}


$('#listbox').change(function () {
    if (checkColorByName($(this).find("option:selected"), 'red')) {
        alert('color is red');
    } else {
        alert('other options');
    }
});