728x90
change() 메서드는 선택한 폼 요소의 값(value)을 새 값으로 바꿔준다. 그리고 포커스가 다른 요소로 이동하면 이벤트를 발생 시킨다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 이벤트 </title> <script src="js/jquery.js"></script> <script> $(function(){ $("#rel_site").on("change", function(){ $(".txt").text($(this).val()); }); }); </script> </head> <body> <select id="rel_site"> <option value="">사이트 선택</option> <option value="www.google.com">구글</option> <option value="www.naver.com">네이버</option> <option value="www.daum.net">다음</option> </select> <p class="txt"></p> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| fadeTo() 메서드 (0) | 2021.08.25 |
|---|---|
| 효과 및 애니메이션 메서드 (0) | 2021.08.25 |
| focus() / blur() / focusin() / focusout() 메서드 (0) | 2021.08.23 |
| scroll() 이벤트 메서드 (0) | 2021.08.23 |
| mousemove() 메서드 (0) | 2021.08.23 |
