| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- MySQL
- 디지털 정부서비스ui/ux
- .htaccess
- 우분투 npm 설치
- 정규식
- Ajax
- 글자 수 제한
- JS
- JavaScript
- 자바스크립트
- 301 리다이렉트
- 비동기호출
- SSL
- 애니메이트
- 구글뷰어
- 정부 서비스 가이드라인
- 우분투
- 날짜비교
- 페이지전환효과
- iframe
- 보안인증서
- post_type
- 날짜변환
- ip직접접근차단
- 리사이즈
- 배열
- virsualhost
- Vanilla JS
- 글자수제한
- selinux
- Today
- Total
더 나은 프로그래머가 되자
jquery onchange 처리 본문
jQuery SELECT 메뉴 onChange 이벤트
@ HTML
< select name="selectEmail" id="selectEmail">
< option value="">직접입력< /option>
< option value="naver.com">naver.com< /option>
< option value="chol.com">chol.com< /option>
< option value="dreamwiz.com">dreamwiz.com< /option>
< option value="empal.com">empal.com< /option>
< /select>
#@ 방법 1 /===========
< script>
$(document).ready(function()
{
$('#selectEmail').change(function(){
alert( $("#selectEmail option:selected").val() );
});
});
< /script>
#@ 방법2 /===============
< script>
$(document).ready(function()
{
$('#selectEmail').change(function(){
$("#selectEmail option:selected").each(function () {
alert( $(this).val()+' '+ $(this).text() );
});
});
});
< /script>
'언어 > js' 카테고리의 다른 글
| 브라우저 언어 체크 (0) | 2014.03.26 |
|---|---|
| jquery stop() 함수 (애니메이션 멈추기) (0) | 2014.02.21 |
| form reset 폼 리셋 (0) | 2014.02.18 |
| 탑메뉴 고정 jquery (0) | 2013.06.13 |
| 탑메뉴 고정 jquery (0) | 2013.06.13 |