2013-02-26 5 views
-1

나는 select1과 .select2 클래스와 두 개의 select 클래스와 .btn 클래스를 가진 버튼을 가지고있다. 이제 두 select를 모두 클릭하면 버튼 색상 만 변경해야한다. 어느 누구도이 문제를 해결할 수 있습니까?선택 그룹의 옵션을 선택 하시겠습니까?

jquery를 사용해야합니다.

+0

모두 선택 선택을 한 후 버튼의 색상이 변경됩니다 때 의미? – Prashant16

+3

[무엇을 시도 했습니까?] (http://mattgemmell.com/2008/12/08/what-have-you-tried/) – iappwebdev

답변

0

좋아요? 여기

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

솔루션 노력하고 있습니다 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" /> 

자바 스크립트 :

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

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

여기에서 선택 태그가 클릭되었는지 쉽게 확인할 수 있습니다 .. 및 그들에게 클래스를 할당하십시오. 지금 귀하의 요구 사항과 일치합니까? –

관련 문제