How to change element class on select option using jQuery

Answer 1

use the change event to determine when the user selected another option. To remove all current classes, call removeClass() with no arguments. Finally add the new class, which can be accessed by this.value.

$('#color_scheme').change(function(e) {
    $('span').removeClass().addClass(this.value);
});

Demo: http://www.jsfiddle.net/4yUqL/100/