회원가입을 하거나, 이메일을 작성시에 드롭다운 되어있는 사이트를 선택하면 자동으로 입력되는걸 많이 사용합니다.
자바스크립트로 간단한데 또 막상 사용하려고 하면 기억이 안날때가 있어 정리를 해둡니다.
onchange를 사용하여 option 이 바뀔때마다 input_email() 함수를 실행을 하게 됩니다.
<form name='frm'>
<input name="e1" id="e1" type="text" style="width:120px" value="<%=e1%>"> @ <input name="e2" type="text" style="width:120px" value="<%=e2%>">
<select name="email_server" id="email_server" onchange="input_email();">
<option value="">직접입력</option>
<option value="naver.com">naver.com</option>
<option value="nate.com">nate.com</option>
<option value="hanmail.net">hanmail.net</option>
<option value="gmail.com">gmail.com</option>
<option value="yahoo.com">yahoo.com</option>
<option value="yahoo.co.kr">yahoo.co.kr</option>
<option value="hotmail.com">hotmail.com</option>
</select>
</form>
frm 폼 email_server 안의 value 값을 frm 의 e2의 네임값에 value로 넣어주면 끝~
<script language="javascript">
function input_email(){
document.frm.e2.value = document.frm.email_server.value;
}
</script>
'웹관련 > JavaScript-Jquery' 카테고리의 다른 글
[자바스크립트] 기초 - 현재 페이지 새로고침하기 (0) | 2016.11.07 |
---|---|
[자바스크립트] 날짜 관련 자주사용하는 함수 (0) | 2016.11.07 |
[자바스크립트] 입력필드에서 숫자만 입력받기 (0) | 2016.11.03 |
[자바스크립트] 즐겨찾기 와 시작페이지 링크만들기 (0) | 2016.11.02 |
[자바스크립트] offset 함수를 이용한 원하는 위치로 화면을 이동해보자! (0) | 2016.11.02 |
댓글