CODEWITHSUNDEEP
javascriptjquery
raklos
raklos

Reputation: 28545

set class on non selected dropdowns

I have several select dropdowns each with a class "glass-multi-select"

I want to add class 'input-validation-error' but only on those selects that dont have anything selected i.e this one is displayed

<option value="">-- Select --</option>

How can I achieve this with jquery?

Thanks

Upvotes: 0

Views: 36

Answers (2)

David Thomas
David Thomas

Reputation: 253318

I'd suggest:

$(".glass-multi-select").each(function(){
    $(this).toggleClass('input-validation-error', this.value == '');
});

JS Fiddle demo.

Upvotes: 1

John
John

Reputation: 417

$(".glass-multi-select").each(function() {
    if ( $(this).val() === "" ) {
        $(this).addClass('input-validation-error');
    }
});

Upvotes: 1

Related Questions