[제이쿼리] Jquery selectbox value 값 가져오기.

안녕하세요.

오늘 selectbox에서 현재 자신이 변경 한 객체의 value 값을 가져오는 법을 알려 드리겠습니다.

 

아래의 소스를 보시면 changeTest라는 id를 가진 select를 보실 수 있습니다.

현재 스크립트에서 change 이벤트를 사용 하여 현재 객체의 값을 가져 올수 있습니다.

 

만약 selectd에서 "B"로 값을 변경 할 경우 $(this).val() 를 사용하여 현재 자신의 객체의 값을 가져 올 수 있습니다.

 

<div>
    <span>
        <select id="changeTest">
            <option value="A">
            
            </option>
 
            <option value="B">
            
            </option>
 
            <option value="C">
            
            </option>
        </select>
    </span>
 
</div>
 
 
<script>
 
    $("#changeTest").change(function(){ // 체인지 이벤트
        alert($(this).val()); // 현재 변화된 객체의 value를 가져 올 수 있음.
    });
 
</script>

 

감사합니다.

글이 유용하셨으면 좋아요와 댓글 달아주세용