Develop
2013.04.23 14:35
[js] selectbox 선택 후 input 박스에 적용
Views 8330 Comment 0
상민이가 부탁했던거.. ㅋㅋ
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>
No. | Category | Subject | Author | Date | Views |
---|---|---|---|---|---|
1173 | Develop | '2014 모바일 개발 트렌드' 발표자료입니다. | hooni | 2014.10.02 | 976 |
1172 | System/OS | Apache CORS 설정 1 | hooni | 2020.09.04 | 2710 |
1171 | Develop | Aspect Oriented Programming in Objective-C | hooni | 2015.05.18 | 674 |
1170 | System/OS | asx미디어 정보 기록.. | hooni | 2003.04.23 | 20533 |
1169 | System/OS | CentOS 6.5 USB 설치 6 | hooni | 2013.12.18 | 37676 |
1168 | System/OS | CentOS 에서 Cacti 설치하기 | hooni | 2015.01.02 | 1762 |
1167 | System/OS | Configure Postfix to Use Gmail SMTP on Ubuntu 18.04 | hooni | 2020.02.07 | 1248 |
1166 | Develop | DDay Memo 1.9.4 소스코드 | hooni | 2015.10.03 | 0 |
1165 | Etc | EBS [수학영역] 미적분과 통계 기본 - 정규분포의 의미와 특징은? | hooni | 2015.04.20 | 1001 |
1164 | System/OS | Enable Safari Hidden Debug Menu in Mac OS X | hooni | 2017.02.07 | 1142 |
1163 | System/OS | Enable the Develop Menu in Safari | hooni | 2017.02.07 | 1069 |
1162 | Develop | GCM 사용하기 2 (단말에 GCM 구현하기) | hooni | 2013.07.06 | 23248 |