Question

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

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

<style>
  .red{
  background-color:red;
}
  .green{
  background-color:green;
}
  .blue{
  background-color:blue;
}
</style>

<html>

<div id="box"> </div>

<select>
  <option value=1>Red</option>
  <option value=2>Green</option>
  <option value=3>Blue</option>
</select>

</html>

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

THIS 非常接近。 (Found here)

Answer 1

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

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

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

1 个答案: