이메일에 체크박스를 만들어서 값을 넘겨주려고 하는데요

 

를 사용할 경우 직접입력이 안되서 다른방법을 찾아보았는데 안되더라구요.

 

말고 다른방법으로 넘겨줄수 있는지 그리고 email3의 value값이 etc가 됬을때

 

email2의 readonly가 풀리면서 직접입력 할 수 있었으면 좋겠습니다.

 

혹시나 아시는분 계시면 도움을 청합니다.

 

를 사용했을 경우

--------------이메일 소스 -------------

<input id="email1" name="email1" type="text" />
        @
        <input id="email2" name="email2" readonly="readonly" type="text" />
        <select id="email3" name="email3" ="()">
         <option value="" selected="selected">- 이메일 선택 -</option>
         <option value="naver.com">naver.com</option>
         <option value="daum.net">daum.net</option>
         <option value="nate.com">nate.com</option>
         <option value="hotmail.com">hotmail.com</option>
         <option value="yahoo.com">yahoo.com</option>
         <option value="empas.com">empas.com</option>
         <option value="korea.com">korea.com</option>
         <option value="dreamwiz.com">dreamwiz.com</option>
         <option value="gmail.com">gmail.com</option>
         <option value="etc">직접입력</option>
        </select>

------------이메일 스크립트-----------------

//이메일 박스
function (){
    var email = document.joinForm.email3;
    var val = email.options[email.selectedIndex].value;
    var text = email.options[email.selectedIndex].text;
    document.joinForm.email2.value=val;
 }

-------------------------------------------