Uso a função abaixo para adicionar classes CSS (blue, red, pink...) numa DIV ".container" a partir de uma select "#selcolor". É possível eu usar essa mesma função em outras tags select com IDs diferentes? Nesse caso as classes (blue, red, pink...) não seriam adicionadas na DIV ".container", ou seja, a variável "div_action" da função teria que ser modificada.
function select_changed() {
jQuery('select#selcolor').each(function() {
var selected = jQuery(this).val();
var div_action = '.container';
if(selected == '') {
jQuery(div_action).addClass('');
}
if(selected == 'blue') {
jQuery(div_action).addClass('blue');
} else {
jQuery(div_action).removeClass('blue');
}
if(selected == 'pink') {
jQuery(div_action).addClass('pink');
} else {
jQuery(div_action).removeClass('pink');
};
if(selected == 'red') {
jQuery(div_action).addClass('red');
} else {
jQuery(div_action).removeClass('red');
};
});
}
$('select#selcolor').change(function() {
select_changed();
});