Develop
2013.04.23 14:35
[js] selectbox 선택 후 input 박스에 적용
조회 수 8346 댓글 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>
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
637 | Develop | [js] 간단한 게임 프로토타입 (HTML5 와는 무관) | hooni | 2013.04.23 | 15186 |
636 | Develop | [js] 가운데 새창 뜨는 함수와 이벤트 | hooni | 2003.04.23 | 6744 |
635 | Develop | [js] window.open() 속성 사용 방법 | hooni | 2013.11.18 | 13632 |
634 | Develop | [js] URL 파싱하기 (jQuery 안쓰고) | hooni | 2017.12.14 | 1438 |
633 | Develop | [js] Text 중 URL 형식을 인식해 단축 URL로 변경 | hooni | 2013.04.23 | 8727 |
632 | Develop | [js] Text 값을 클립보드에 복사하기 | hooni | 2020.10.10 | 790 |
631 | Develop | [js] show/hide 이벤트 감시 (Observing show/hide event) | hooni | 2021.02.03 | 2775 |
» | Develop | [js] selectbox 선택 후 input 박스에 적용 | hooni | 2013.04.23 | 8346 |
629 | Develop | [js] php의 number_format() 함수와 같은.. ㅋㅋ | hooni | 2013.04.23 | 6950 |
628 | Develop | [js] One Time Pad key generatorㅡ.,ㅡ; | hooni | 2013.04.23 | 6812 |
627 | Develop | [js] JSON 컨트롤.. 재귀호출로 값 출력하기 | hooni | 2013.04.23 | 28674 |
626 | Develop | [js] jQuery, Javascript 모바일(스마트폰) 판단하는 방법 | hooni | 2015.04.26 | 2562 |