<div>

<label class="contentlabel"> 사용자 이메일 </label>

<input class="" id="email1" type="text" class="box"> @ 

<input class="" id="email2" type="text" class="box">

<select id="emailSelection" name="emailSelection">

<option value="1" selected="selected">직접입력</option>

<option value="gmail.com">gmail.com</option>

<option value="naver.com">naver.com</option>

<option value="hanmail.net">hanmail.net</option>

</select>

<button type="button" class="btn btn-success" id="sendContact">완료</button>

<button type="button" class="btn btn-warning" id="cancelContact" onclick="javascript:history.back()">취소</button>

</div>

<script>

$(function(){

$(document).ready(function(){

$('select[name=emailSelection]').change(function() {

if($(this).val()=="1"){

$('#email2').val("");

} else {

$('#email2').val($(this).val());

$("#email2").attr("readonly", true);

}

});

});

});

</script>