JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<select id="select">
    <option value="0" class="placeholder" selected="selected">Gênero...</option>
    <option value="1">Aventura</option>
    <option value="2">Comédia</option>
    <option value="3">Drama</option>
</select>

CSS

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

JavaScript

jQuery.noConflict();
(function($) {
    $(function () {
        var $select = $("#select");
        $select.on("change", function () {
            if ($select.val() === "0") {
                $select.addClass("empty");
            }
            else{
                $select.removeClass("empty").children(".placeholder").remove();
            }
        });
        $select.change();
    });
})(jQuery);