Check to see if a <select> has an empty selection/no value.

Check for Empty Select

// Check to see if a <select> has an empty selection/no value
$.fn.checkEmptySelection = function() {
    var emptyClass = 'noselection';
    
    $(this).each(function() {
        if( $(this).val() == emptySelection ) {
            $(this).addClass(emptyClass);
        } 
    });
    
    $(this).on('blur change', function() {
        if( $(this).val() == emptySelection ){
           $(this).addClass(emptyClass);
        } 
        
        if( $(this).val() != emptySelection ){
            $(this).removeClass(emptyClass);
        }
    });
    
    $(this).on('focus', function() {
        $(this).removeClass('noselection');
    });
}



$('select').checkEmptySelection();