JSFiddle - React, Tailwind, and code Playground

by kiokotzu

HTML

<select id="choice">
    <option value="0" class=placeholder selected="selected">Choose...</option>
    <option value="1">Something</option>
    <option value="2">Something else</option>
    <option value="3">Another choice</option>
</select>

CSS

#choice.empty {
    color: #999;
}
#choice option {
    color: black;
}

JavaScript

$("#choice").change(function () {
    if($(this).val() == "0") $(this).addClass("empty");
    else $(this).removeClass("empty").children('.placeholder').remove();
});
$("#choice").change();