Contents

조회 수 8347 댓글 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>


?

  1. [js] jQuery 관련 문서 ㅎㅎ

    Date2013.04.23 CategoryDevelop Byhooni Views31256
    Read More
  2. [js] jQuery 관련 사이트 링크 모음

    Date2013.04.23 CategoryDevelop Byhooni Views18278
    Read More
  3. [js] jQuery 셀 병합

    Date2014.09.23 CategoryDevelop Byhooni Views3564
    Read More
  4. [js] jQuery 셀랙터(selector) 요약

    Date2013.12.17 CategoryDevelop Byhooni Views9439
    Read More
  5. [js] jQuery 충돌 회피

    Date2013.12.17 CategoryDevelop Byhooni Views38375
    Read More
  6. [js] jQuery 치트 시트

    Date2013.12.18 CategoryDevelop Byhooni Views36302
    Read More
  7. [js] jQuery 코드 작성시 편리한 HTML 템플릿

    Date2013.12.17 CategoryDevelop Byhooni Views33116
    Read More
  8. [js] jQuery, Javascript 모바일(스마트폰) 판단하는 방법

    Date2015.04.26 CategoryDevelop Byhooni Views2569
    Read More
  9. [js] JSON 컨트롤.. 재귀호출로 값 출력하기

    Date2013.04.23 CategoryDevelop Byhooni Views28678
    Read More
  10. [js] One Time Pad key generatorㅡ.,ㅡ;

    Date2013.04.23 CategoryDevelop Byhooni Views6826
    Read More
  11. [js] php의 number_format() 함수와 같은.. ㅋㅋ

    Date2013.04.23 CategoryDevelop Byhooni Views6951
    Read More
  12. [js] selectbox 선택 후 input 박스에 적용

    Date2013.04.23 CategoryDevelop Byhooni Views8347
    Read More
Board Pagination Prev 1 ... 53 54 55 56 57 58 59 60 61 62 ... 98 Next
/ 98