JSFiddle - React, Tailwind, and code Playground

by Dipak1991

HTML

<select name="language" id="language">
    <option id="red_color">Select</option>
    <option value="en">English</option>
    <option value="ru">Русский</option>
    <option value="lv">Latviešu</option>
</select>

JavaScript

var language_check = $("#language").val();
//alert ( language_check + ' language_check');
if (language_check == 'Select') {
    $("#language").css('border-color', 'red');
    $('#red_color').css('color', 'red');
    //alert ('select');
} else if (language_check != 'Select') {
    $("#language").css('border-color', '');
    $('#red_color').css('color', 'green');
}

$("#language").click(function () {
    var language_check = $("#language").val();
    if (language_check == 'Select') {
        $("#language").css('border-color', 'red');
        $('#red_color').css('color', 'red');
    } else if (language_check != 'Select') {
        $("#language").css('border-color', '');
        $('#red_color').css('color', 'green');
    }
}).trigger('click');