[자바스크립트] 이메일 드롭다운 선택버튼 - onchange함수

회원가입을 하거나, 이메일을 작성시에 드롭다운 되어있는 사이트를 선택하면 자동으로 입력되는걸 많이 사용합니다.

자바스크립트로 간단한데 또 막상 사용하려고 하면 기억이 안날때가 있어 정리를 해둡니다.

onchange를 사용하여 option 이 바뀔때마다 input_email() 함수를 실행을 하게 됩니다.

<form name='frm'>

<input name="e1" id="e1" type="text" style="width:120px" value="<%=e1%>"> &nbsp; @ &nbsp; <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>