如何使用jQuery更改select选项上的元素类

Question

我想class="value"用jQuery 改变我的选择选项

例

<select name="color_scheme" id="color_scheme">
  <option selected="selected">Default</option>
  <option>Black</option>
  <option>Blue</option>
  <option>Brown</option>
  <option>Green</option>
  <option>Gray</option>
  <option>Lime</option>
  <option>Orange</option>
</select>

<span class="Default"></span>

如果我们选择Black span类就会

<span class="Black"></span>

让我知道

Answer 1

我通过存储默认类来实现这一点,并在select更改时删除该类.

var selectedScheme = 'Default';

$('#color_scheme').change(function(){
    $('span').removeClass(selectedScheme).addClass($(this).val());
    selectedScheme = $(this).val();
});

可以在这里找到一个工作示例:http://jsfiddle.net/9PeAc/1/