Question

我有这个选择器：

               <select name="type" id="type">
                    <option class="sub_1" value="1">1</option>
                    <option class="sub_2" value="2">2</option> 
                    <option class="sub_3" value="3">3</option> 
                    <option class="sub_3" value="4">4</option> 
                </select>

然后我有了这个：

<select name="amount" id="amount">
   <option class="" id="valueAdd">   
</select>

所以，我想知道如何只为该选项添加一个类。我在下面有这个代码，但是，如果我的例子在我的#type select中选择了一个不同的OPTION，那么它保留第一个类，然后只添加第二个类。

我怎么能这样做只增加一个班级？（即替换另一个）

jQuery的：

   $(document).ready(function() {
        $("#type").change(function() {
            var typeid = ($(this).val()) 


        $("#valueAdd").addClass("sub_" + 
                  typeid);
        });
    });

Answer 1

首先执行removeClass然后添加addClass

   $("#valueAdd").removeClass().addClass("sub_" + typeid);

http://api.jquery.com/removeClass/

Answer 2

$("#valueAdd")[0].className = "sub_" + typeid;

jQuery添加和删除类

2 个答案: