Contents

조회 수 8331 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

상민이가 부탁했던거.. ㅋㅋ

input 박스 속성 바꾸는거 포함..

메일주소 호스트 자동완성 스크립트


# 데모

@
@


# Javascript 코드

<script language="javascript">
function changeSelect(s,no){
    form = document.MemberForm;
    sel = s[s.selectedIndex].value;
    dis = 1;

    if(sel=="user"){
        sel = "";
        dis = 0;
    }

    if(no==1){
        form.EmailDomain1.value = sel;
        form.EmailDomain1.disabled = dis;
    }else{
        form.EmailDomain2.value = sel;
        form.EmailDomain2.disabled = dis;
    }
}
</script>


# HTML 코드

<form name="MemberForm" method="post"
    action="info.asp" onsubmit="return false;">

    <input type="Hidden" name="EditValue1" />
    <INPUT type="text" name="EmailID1" size="8" />
    @
    <INPUT type="text" name="EmailDomain1" size="8" />
    
    <SELECT name="SelEmailDomain1" onchange="changeSelect(this,1);">
        <option value="">메일주소선택</option>
        <option value='hanafos.com'>하나포스닷컴</option>
        <option value='naver.com'>네이버</option>
        <option value='paran.com'>파란</option>
        <option value='empal.com'>엠파스</option>
        <option value='nate.com'>네이트</option>
        <option value='yahoo.co.kr'>야후코리아</option>
        <option value='dreamwiz.com'>드림위즈</option>
        <option value='freechal.com'>프리챌</option>
        <option value='hotmail.com'>핫메일</option>
        <option value='korea.com'>코리아닷컴</option>
        <option value='chollian.net'>천리안</option>
        <option value='hanmail.net'>한메일</option>
        <option value="user">직접입력</option>
    </SELECT>
    
    <br/>
    
    <input type="Hidden" name="EditValue2" />
    <INPUT type="text" name="EmailID2" size="8" />
    @
    <INPUT type="text" name="EmailDomain2" size="8" />
    
    <SELECT name="SelEmailDomain2" onchange="changeSelect(this,2);">
        <option value="">메일주소선택</option>
        <option value='hanafos.com'>하나포스닷컴</option>
        <option value='naver.com'>네이버</option>
        <option value='paran.com'>파란</option>
        <option value='empal.com'>엠파스</option>
        <option value='nate.com'>네이트</option>
        <option value='yahoo.co.kr'>야후코리아</option>
        <option value='dreamwiz.com'>드림위즈</option>
        <option value='freechal.com'>프리챌</option>
        <option value='hotmail.com'>핫메일</option>
        <option value='korea.com'>코리아닷컴</option>
        <option value='chollian.net'>천리안</option>
        <option value='hanmail.net'>한메일</option>
        <OPTION value="user">직접입력</option>
    </SELECT>

</form>


?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
489 Develop [js] jQuery 관련 문서 ㅎㅎ file hooni 2013.04.23 31225
488 Develop [js] jQuery 관련 사이트 링크 모음 hooni 2013.04.23 18244
487 Develop [js] jQuery 셀 병합 1 file hooni 2014.09.23 3499
486 Develop [js] jQuery 셀랙터(selector) 요약 hooni 2013.12.17 9420
485 Develop [js] jQuery 충돌 회피 hooni 2013.12.17 38315
484 Develop [js] jQuery 치트 시트 hooni 2013.12.18 36256
483 Develop [js] jQuery 코드 작성시 편리한 HTML 템플릿 hooni 2013.12.17 33073
482 Develop [js] jQuery, Javascript 모바일(스마트폰) 판단하는 방법 hooni 2015.04.26 2454
481 Develop [js] JSON 컨트롤.. 재귀호출로 값 출력하기 hooni 2013.04.23 28640
480 Develop [js] One Time Pad key generatorㅡ.,ㅡ; file hooni 2013.04.23 6792
479 Develop [js] php의 number_format() 함수와 같은.. ㅋㅋ hooni 2013.04.23 6935
» Develop [js] selectbox 선택 후 input 박스에 적용 hooni 2013.04.23 8331
Board Pagination Prev 1 ... 53 54 55 56 57 58 59 60 61 62 ... 98 Next
/ 98