Изменить класс с помощью select
 

Помогите решить задачу:

Имеются Элементы:

<div class="box red">Text</div>

<select id="select_color" tabindex="0" name="select_color">
	<option value="red">Красный</option>
	<option value="blue">Синий</option>
	...
	<option value="white">Белый</option>
</select>

Решить задачу следующим образом не подходит( мне нужно именно добавление класса.

var xXx = document.getElementById('box');
var select = document.getElementById('select_color');
xXx.style.background = select.options[select.selectedIndex].value;

Наверное лучше реализовать через document.write()? Как это сделать грамотно?

http://jsfiddle.net/DvbHn/

http://jsfiddle.net/DvbHn/1/

*!*
var xXx = document.querySelector('.box');
*/!*
var select = document.getElementById('select_color');

select.onchange = function(){
    xXx.style.background = select.options[select.selectedIndex].value;
}

Спасибо