더 나은 프로그래머가 되자

jquery onchange 처리 본문

언어/js

jquery onchange 처리

greathuman 2014. 2. 18. 15:37

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>
 

출처 : http://apmsoft.tistory.com/34

'언어 > 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
Comments