이메일 선택 시 선택한 값을 지정된 Input Box에 값 담기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jQuery Sample</title>
</head>
<body>
<h3>이메일주소 넣기</h3>
<div class="form_inline">
<div class="form_group">
<label for="email1" class="ir_su">이메일 아이디</label>
<input type="text" id="email1" name="email1" class="ui_input">
</div>
<div class="email_form"> @ </div>
<div class="email_form">
<label for="email2" class="ir_su">이메일 주소</label>
<input type="text" id="email2" name="email2" class="ui_input">
</div>
<div class="email_form">
<label for="email3" class="ir_su">메일 선택</label>
<select id="email3" name="email3" title="이메일 주소 선택" class="ui_select">
<option value=""> 이메일주소 직접입력 </option>
<option value="naver.com">naver.com</option>
<option value="nate.com">nate.com</option>
<option value="gmail.com">gmail.com</option>
<option value="yahoo.com">yahoo.com</option>
<option value="hanmail.net">hanmail.net</option>
</select>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$( "#email3" ).change(function(){
$("#email2").val( $("#email3").val() );
});
</script>
</body>
</html>
'jQuery' 카테고리의 다른 글
| jQuery - 동적 테이블 생성하기 ($().append) (0) | 2021.02.20 |
|---|---|
| $(function(){ }); 의 의미 (0) | 2021.02.14 |
| Spring Ajax - Json 데이터 한글깨짐 현상 (1) | 2021.02.02 |
댓글