1. 일반 스크립트 타입

<script type="text/javascript">
<!--
// 이메일 종류 선택
function emailChoice(obj, str) {
   if (obj == '') {
      str.readOnly = false;
      str.value = '';
      str.focus();
   } else {
      str.readOnly = true;
      str.value = obj;
   }
}
//-->
</script>

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

html 소스

 

<td>

   <input type="text" name="email_id" id="email_id" class="" style="" /> @

   <input type="text" name="email_domain" id="email_domain" class="" style="" />
   <select name="email_kind" id="email_kind" onChange="emailChoice(this.value, this.form.email_domain);"  style="height:20px;border:1px solid #cfcfcf;color:#bfbfbf;">
      <option value="">직접입력</option>
      <option value="chol.com">chol.com</option>
      <option value="dreamwiz.com">dreamwiz.com</option>
      <option value="empal.com">empal.com</option>
      <option value="freechal.com">freechal.com</option>
      <option value="gmail.com">gmail.com</option>
      <option value="hanafos.com">hanafos.com</option>
      <option value="hanmail.net">hanmail.net</option>
      <option value="hanmir.com">hanmir.com</option>
      <option value="hitel.net">hitel.net</option>
      <option value="hotmail.com">hotmail.com</option>
      <option value="korea.com">korea.com</option>
      <option value="lycos.co.kr">lycos.co.kr</option>
      <option value="nate.com">nate.com</option>
      <option value="naver.com">naver.com</option>
      <option value="netian.com">netian.com</option>
      <option value="paran.com">paran.com</option>
      <option value="yahoo.com">yahoo.com</option>
      <option value="yahoo.co.kr">yahoo.co.kr</option>
   </select>
</td>

 

2. jQuery 형식

<script type="text/javascript">
<!--
 // 이메일 선택
 function emailChoice(){  
  if ($("#email_kind").val() == "")
  {
   $("#email_domain").val("").attr("readonly", false).focus();
  }
  else
  {
   $("#email_domain").val($("#email_kind").val()).attr("readonly", true);
  }
 }
//-->
</script>