관리 메뉴

Life goes slowly...

[jQuery] 제이쿼리(jquery) selectbox의 이벤트 본문

프로그래밍/Javascript

[jQuery] 제이쿼리(jquery) selectbox의 이벤트

빨강소 2021. 2. 26. 08:16
728x90
반응형

 

selectbox의 제이쿼리(jQuery) 이벤트를 통하여 제어가 가능합니다.

 

<select id="country">
    <option value="">나라선택</option>
    <option value="KR">Korea</option>
    <option value="US">United States</option>
    <option value="JP">Japan</option>
    <option value="CH">China</option>
    <option value="CA">Canada</option>
    <option value="HK">Hong Kong</option>
</select>

 

제이쿼리(jQuery)의 selectbox change 이벤트

제이쿼리(jQuery)를 활용하여 selectbox change 이벤트를 사용할수있습니다.

// selectbox의 change 이벤트
$("#country").change(function() {
    console.log(this.value);
});
 
// selectbox의 on 이벤트
$(document).on('change',"#country", function() {
    console.log($(this).val());
});

 

 

728x90
반응형
Comments