🎈 change()
- 요소의 입력, 선택 상태가 변경되었음을 감지하는 이벤트
$("셀렉터").change(fucntion(){ 상태가 변경되면 실행 });
-
텍스트를 입력하는 요소 일 경우
-> 내용이 변경되고 포커스가 빠져나올 때 이벤트 발생
-
체크박스 or 라디오버튼
-> 선택상태가 변경 된 즉시 이벤트 발생
-
드롭다운(셀렉트 박스)
-> 선택상태가 변경 된 즉시 이벤트 발생
🎈 드롭다운의 상태가 변경되었을 때 링크로 이동하기
🎈 HTML
<body> <select name="site" id="site"> <option value="">--- 선택하세요 ---</option> <option value="http://www.naver.com">네이버</option> <option value="http://www.daum.net">다음</option> <option value="http://www.google.com">구글</option> </select>
🎈jquery
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $("#site").on('change', function(){ let val = $("#site >option:selected").attr('value'); if(!val){ alert("선택된 항목이 없습니다."); return false; } window.open(val); }); </script> </body>
- select 박스를 선택하자마자 링크로 연결 됨.
웹 개발자 공부 중