Contents

조회 수 8328 댓글 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
번호 분류 제목 글쓴이 날짜 조회 수
705 Develop [js] 객체 머지.. hooni 2013.12.17 8959
704 Develop [js] 간단한 게임 프로토타입 (HTML5 와는 무관) hooni 2013.04.23 15150
703 Develop [js] 가운데 새창 뜨는 함수와 이벤트 hooni 2003.04.23 6722
702 PPT [js] xsl 강의 자료 file hooni 2013.04.23 13180
701 Develop [js] window.open() 속성 사용 방법 hooni 2013.11.18 13580
700 Develop [js] URL 파싱하기 (jQuery 안쓰고) hooni 2017.12.14 1296
699 Develop [js] Text 중 URL 형식을 인식해 단축 URL로 변경 file hooni 2013.04.23 8701
698 Develop [js] Text 값을 클립보드에 복사하기 hooni 2020.10.10 665
697 Develop [js] show/hide 이벤트 감시 (Observing show/hide event) hooni 2021.02.03 2556
» Develop [js] selectbox 선택 후 input 박스에 적용 hooni 2013.04.23 8328
695 Develop [js] php의 number_format() 함수와 같은.. ㅋㅋ hooni 2013.04.23 6929
694 Develop [js] One Time Pad key generatorㅡ.,ㅡ; file hooni 2013.04.23 6787
Board Pagination Prev 1 ... 35 36 37 38 39 40 41 42 43 44 ... 98 Next
/ 98