Question

When i select something from a selectbox it adds a class to the

selected option this way:

$(     'div#tabs input[type='text'],     select option:selected,     input:checked,     textarea' ).addClass('takethis'); 

But when I select a different option it doesn’t remove the class takethis from the option which I first selected. How can I force this?

Answer 1

Remove class from all non-selected options:

$('select option:not(:selected)').removeClass('takethis'); 

Then add to selected one:

$('select option:selected').addClass('takethis');