html 한 input 입력 시에 다른 input 도 동시에 입력하게 하기

html 한 input 입력 시에 다른 input 도 동시에 입력하게 하기
카테고리 Web
제목 html 한 input 입력 시에 다른 input 도 동시에 입력하게 하기
작성시간 2017-07-20 20:06:51 +0900
조회수 395

html 한 input 입력 시에 다른 input 도 동시에 입력하게 하기 

html 입력을 하다가 한 요소를 입력하면 다른 요소를 동시에 입력하게 하고 싶을 때가 있습니다. 


저 같은 경우도 이름을 입력하면 초기 닉네임을 이름으로 설정하였기 때문에, 

이름을 입력하는 동시에 닉네임이 갱신되게 하고 싶었습니다. 

그래서 간단하게 아래의 코드들로 구성해보았습니다. 


- html 요소의 구성 
<td class="key">이름 </td>
<td>
<input type="text" id="reg_mb_name" name="mb_name">
</td>
<td class="key">닉네임</td>
<td>
<input type="text" name="mb_nick" readonly="readonly">
</td>



- javascript 요소의 구성 
<script>
// 하나 입력 시 동시에 입력되게 한다.
$("#reg_mb_name").keydown(function(){
$('#reg_mb_nick').val($(this).val());
});
// 마지막에 입력 시 입력되게 한다.
$("#reg_mb_name").change(function(){
$('#reg_mb_nick').val($(this).val());
});
</script>


- 결과

readonly 였던 닉네임이 동시에 잘 입력됩니다. 






▼댓글▼

▼추천 게시물▼