본문 바로가기

Programming/JQuery

onchange 제거하기

onchange 제거하기

 

기존 script를 이용한 onchange 예제

function domainSel() {
    document.getElementById("email2").value = document.getElementById("domainSel").value;

}

 

<tr>
    <th><label for="email1>이메일</label></th>
    <td>
        <input type="text" name="email1" id="email1" title="이메일1" value="<%=article.email1 %>" /> @
        <input type="text" name="email2" id="email2" title="이메일2" value="<%=article.email1 %>" />
        <select id="domainSel" name="domainSel" onchange="javascript:domainSel();" title="이메일 도메인">
            <option value="">이메일 도메인 선택</option>
        </select>
    </td>
</tr>

 

JQuery를 이용한 onchange

$("#domainSel").change(function(){
    var str="";
    $("#domainSel option:selected").each(function () {
        str=$(this).val();
    });

    $("#email2").val(str);

}).change();

 

<tr>
    <th><label for="email1>이메일</label></th>
    <td>
        <input type="text" name="email1" id="email1" title="이메일1" value="<%=article.email1 %>" /> @
        <input type="text" name="email2" id="email2" title="이메일2" value="<%=article.email1 %>" />
        <select id="domainSel" name="domainSel" title="이메일 도메인">
            <option value="">이메일 도메인 선택</option>
        </select>
    </td>
</tr>

 

 

ProtoType을 이용한 onchange 제거

$("domainSel").observe( "change", function() { 
    document.getElementById("email2").value = document.getElementById("domainSel").value;
});

jsp소스는 위와 동일하다.

 

 

'Programming > JQuery' 카테고리의 다른 글

onchange 제거하기  (0) 2013.09.30
div 숨기기 / 보이기 (jQeury 버전)  (0) 2012.11.20
jQuery checkbox 컨트롤  (0) 2012.11.20
jQuery - 폼 지원 메소드  (0) 2012.04.27
jQuery - 스타일 관련 메소드  (0) 2012.04.26
jQuery Event - Browser Events  (0) 2012.04.26