jquery - 如何使用 jQuery 更改选择选项上的元素类

标签 jquery html

<分区>

我想使用 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 class="Black"></span>

告诉我

最佳答案

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

var selectedScheme = 'Default';

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

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

关于jquery - 如何使用 jQuery 更改选择选项上的元素类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4923716/

相关文章:

html - 图像未从 CSS 继承

javascript - 当用户从组合框中选择特定值时显示字段 - 验证逻辑问题

javascript - 在 AJAX 调用返回的 html 中调用 jQuery 函数

html - CSS 在图像周围环绕列表,背景不出现在后面

php - 按需并排排列 DIV - HTML PHP

javascript - 如何使 'panel/well' 动态环绕图像同时保持其居中?//使用 Bootswatch/Bootstrap CSS

javascript - 替换 contenteditable div 的 html 后,如何将插入符号放在以前的位置?

jquery - 如何为 iPad 构建 GMAIL 等 iPad Web 应用程序

javascript - 如何解码这个十六进制代码javascript?

jquery - 为什么 jQuery.inArray 找不到值?