검색결과 리스트
글
jQuery select 셀렉트 메뉴 onchange 이벤트
js API/jquery
2012. 4. 29. 00:28
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 API > jquery' 카테고리의 다른 글
jquery checkbox 체크박스 및 라디오버튼 간단히 체크 상태인지 확인 (0) | 2012.05.04 |
---|---|
jQuery ajax와 콜백 callbacks 활용하기 (0) | 2012.04.30 |
jQuery 특정 자바스크립트 로딩 후 실행 하기(동적 스크립트 로딩 및 액션) (0) | 2012.04.27 |
jQuery 마우스 롤오버 이미지 기능과 메뉴 활성화 및 필요없는 메뉴 지우기 (1) | 2012.04.26 |
jQuery를 이용한 메인 공지 에니메이션 (0) | 2012.04.26 |