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

我想使用jQuery更改选择选项上的

class=“value”

范例

<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>

违约
黑色
蓝色
棕色的
绿色
灰色
石灰
橙色

如果我们选择黑色span类，则

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

让我知道

试试：

$('p').removeClass('myClass noClass').addClass('yourClass');

---

使用

change

事件确定用户何时选择其他选项。要删除所有当前类，请在不带参数的情况下调用

removeClass（）

。最后添加新类，该类可以通过this.value访问

$('#color_scheme').change(function(e) {
    $('span').removeClass().addClass(this.value);
});

---

Demo：

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

var selectedScheme = 'Default';

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

可在此处找到一个工作示例：