[jQuery]selectbox change 이벤트 + 태그 변경

셀렉트박스에서 옵션을 바꾸면 이벤트를 발생시키는 기능 + 태그 변경

 

셀렉트박스에서 옵션을 바꾸면 태그를 변경시켜주는 기능이다. 이메일 직접입력같은곳에 쓰면 유용함

 

 

$(document).ready(function(){
        $('#email').change(function(){
            var email = $('#email').val(); //id선택자로 email select box값 추출하여 저장
            if(email == 'custom'){ //selectbox value가 custom이면
                $("#email").replaceWith("<input type = 'text' id='email' placeholder='직접입력'>");
                //selectbox 태그를 input 태그로 변경
            }
        });
    });