javascript - 选择组的选择选项？

Question

我有两个带有类的选择，select1 和 .select2 以及一个带有类 .btn 的按钮现在当两个选择都被单击时，只有按钮颜色必须改变。谁可以帮我这个事

这必须使用 jquery 来完成。

Answer 1

像这样？

$('.select1,.select2').on('change', function(){
   $('.btn').addClass('newClassWithColorChange');
});

Answer 2

这是工作解决方案 http://jsfiddle.net/ApfJz/7/

HTML：

<select class="select1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select class="select2">
    <option>10</option>
    <option>20</option>
    <option>30</option>
</select>
<input type="button" id="mybutton" value="Button" />

javascript:

$(document).ready(function () {
    $('.select1, .select2').change(function(){
        $('#mybutton').css('background-color', 'red'); // here do what you want on dropdown change        
    });
});    

Answer 3

$('.select1,.select2').on('change', function(){

   if(!$(this).hasClass('clicked'))
   {
       $(this).addClass("clicked");
   }
    if($("select.clicked").length == 2)
      $('.btn').addClass('newClassWithColorChange');
});