드롭 다운 상자에서 .change() 사용

Question

다른 이벤트를 설정하는 드롭 다운 상자가 있습니다. 내 jQuery를

 <p> Please select a number: 
<select name="selectNumber" id="selectNumber"> 
    <option value="1" <%if (number.equals("1")) {%>selected<%}%>>1</option> 
    <option value="2" <%if (number.equals("2")) {%>selected<%}%>>2</option> 
    <option value="3" <%if (number.equals("3")) {%>selected<%}%>>3</option> 
    <option value="4" <%if (number.equals("4")) {%>selected<%}%>>4</option> 
    <option value="5" <%if (number.equals("5")) {%>selected<%}%>>5</option> 
    <option value="6" <%if (number.equals("6")) {%>selected<%}%>>6</option> 
</select> 
</p> 
<div id="orgDiv"> 
    <p> HELLO!! </p> 
</div> 

그리고 여기에 있습니다 : :

 $(document).ready(function() { 
     $('#orgDiv').hide() 
    }); 
    $('#selectNumber').change(function(){ 
     $('#orgDiv').show(); 
    }); 

그래서 그것은 분명히 DOM로드를 완료 사업부를 숨 깁니다 이것은 내가 내 HTML가 설정 한 방법이다. 내가 가지고있는 문제는 드롭 다운 상자를 클릭하자마자 div가 표시됩니다. 드롭 다운에서 무언가를 선택할 때까지 기다리지 않습니다. 내가 사용할 수있는 또 다른 행사가 있습니까?

Answer 1

문서 내부의 변경 이벤트를 수신 대기해야합니다. 점에서 문을 만들기 위해 확인하는 경우

$(document).ready(function() { 
     $('#orgDiv').hide() 
     $('#selectNumber').change(function(){ 
     $('#orgDiv').show(); 
     }); 
    });