如何使用jQuery更改选择选项上的元素类 [英] How to change element class on select option using jQuery

问题描述

我想在使用jQuery的选择选项上更改我的 class =value 示例

 < select name =color_schemeid =color_scheme> 
< option selected =selected>默认< / option> 
< option>黑色< /选项> 
< option>蓝色< /选项> 
< option> Brown< / option> 
< option>绿色< /选项> 
< option>灰色< /选项> 
< option> Lime< / option> 
< option>橙色< /选项> 
< / select> 
 
< span class =Default>< / span> 
  

如果我们选择Black span class将会是

 < span class =Black>< / span> 
  

让我知道

解决方案

  var我通过存储默认类来实现这一点，并在选择更改时删除该类。 selectedScheme ='默认'; 
 $ b $（'＃color_scheme'）。change（function（）{
 $（'span'）。removeClass（s​​electedScheme）.addClass（$（this）.val（））; 
 selectedScheme = $（this）.val（）; 
}）; 
  

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

I want change my class="value" on select option using jQuery

Example

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

If we select Black span class will be

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

Let me know

解决方案

I achieved this by storing the default class, and removing that class whenever the select changes.

var selectedScheme = 'Default';

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

A working example can be found here: http://jsfiddle.net/9PeAc/1/

这篇关于如何使用jQuery更改选择选项上的元素类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！