반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 주식
- 파이썬
- sacai
- 리눅스
- 코로나19
- 나이키
- 덩크 하이
- 리액트
- 덩크로우
- 제이쿼리
- 오라클
- Dunk Low
- 발매예정
- stockx.com
- 자바스크립트
- draw
- Python
- dunk high
- oracle
- jQuery
- react
- 드로우
- Linux
- JavaScript
- dunklow
- GIT
- Github
- 덩크 로우
- 주식공부
- Nike
Archives
- Today
- Total
Life goes slowly...
[jQuery] 제이쿼리(jquery) selectbox의 이벤트 본문
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
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
[jQuery] 제이쿼리(jquery)의 radio button 확인 (0) | 2021.03.10 |
---|---|
[Javascript] 자바스크립트의 버튼(button)에 disabled 속성 활용 (0) | 2021.03.05 |
[Javascript] innerText와 innerHTML 차이점 (0) | 2021.03.03 |
[Javascript] 자바스크립트 이메일 유효성 검사(정규식 표현) (0) | 2021.02.27 |
[jQuery] checkbox 의 리스트 중 체크된 값 가져오기 (2) | 2021.02.25 |
[Javascript] 자바스크립트의 this 란? (0) | 2021.01.16 |
[Javascript] 소수점 올림, 버림, 반올림 - ceil(), floor(), round() 함수 (0) | 2021.01.15 |
[Javascript] URL의 포트 조회함수 - location.port (0) | 2021.01.12 |
Comments