라디오에서 선택 표시 선택

Question

라디오 선택에서 선택 양식 드롭 다운을 숨기려하고 표시하려고합니다. 라디오 버튼 1이 클릭 할 때 # 1 표시해야하고 유일한 선택 양식을 선택한 경우에만이 표시되어야합니다

http://jsfiddle.net/X7ETk/2/

HTML

<div class="wrap"> 
    <ul> 
     <li><input type="radio" name="r" value="1">1</li> 
     <li><input type="radio" name="r" value="2">2</li> 
    </ul> 
    <select name="1s" id="1s"> 
     <option>Select drop 1</option> 
     <option>Select drop 2</option> 
    </select> 
    <select name="2s" id="2s"> 
     <option>Select drop 2</option> 
    </select> 
</div> 

jQuery를

$('input[type=radio]').click(function() {(
    var getVal = $(this).val(); 

    if(getVal == 1) { 
     $('#2s').hide(); 
     $('#1s').fadeIn(); 
    } else { 
     $('#1s').hide(); 
     $('#2s').fadeIn(); 
    } 
}); 

Answer 1

귀하는 추가을 가지고 있습니다. 0 거기에 (첫 번째 줄)이로 변경 :

http://jsfiddle.net/X7ETk/3/

이 일어나는 등의 예상치 못한 일이

$('input[type=radio]').click(function() { 
    var getVal = $(this).val(); 

    if(getVal == 1) { 
     $('#2s').hide(); 
     $('#1s').fadeIn(); 
    } else { 
     $('#1s').hide(); 
     $('#2s').fadeIn(); 
    } 
}); 

는 항상 콘솔에서 보면, 그것은 당신에게 시간을 절약 할 수 있습니다.