나는 select1과 .select2 클래스와 두 개의 select 클래스와 .btn 클래스를 가진 버튼을 가지고있다. 이제 두 select를 모두 클릭하면 버튼 색상 만 변경해야한다. 어느 누구도이 문제를 해결할 수 있습니까?선택 그룹의 옵션을 선택 하시겠습니까?
jquery를 사용해야합니다.
나는 select1과 .select2 클래스와 두 개의 select 클래스와 .btn 클래스를 가진 버튼을 가지고있다. 이제 두 select를 모두 클릭하면 버튼 색상 만 변경해야한다. 어느 누구도이 문제를 해결할 수 있습니까?선택 그룹의 옵션을 선택 하시겠습니까?
jquery를 사용해야합니다.
좋아요? 여기
$('.select1,.select2').on('change', function(){
$('.btn').addClass('newClassWithColorChange');
});
솔루션 노력하고 있습니다 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
});
});
$('.select1,.select2').on('change', function(){
if(!$(this).hasClass('clicked'))
{
$(this).addClass("clicked");
}
if($("select.clicked").length == 2)
$('.btn').addClass('newClassWithColorChange');
});
여기에서 선택 태그가 클릭되었는지 쉽게 확인할 수 있습니다 .. 및 그들에게 클래스를 할당하십시오. 지금 귀하의 요구 사항과 일치합니까? –
모두 선택 선택을 한 후 버튼의 색상이 변경됩니다 때 의미? – Prashant16
[무엇을 시도 했습니까?] (http://mattgemmell.com/2008/12/08/what-have-you-tried/) – iappwebdev