使用jQuery选择选项时，Div css会发生变化

我已接近答案，但我不够好jQuery调整它以我想要的方式。

当选择了select选项时，我需要更改div的css类。
所以，如果代码是：

 .red{ background-color:red; } .green{ background-color:green; } .blue{ background-color:blue; }   
 
  Red Green Blue   

如果选择了适当的选项，我将如何更改“#box”的背景颜色？

这是如此，如此接近。 （在这里找到）

Answer 1

 $('select').change(function(){ $('#box').removeClass('red green blue').addClass( $(this).find('option:selected').text().toLowerCase() ); }) .change(); 

这是小提琴： http ： //jsfiddle.net/aHYKG/