Jquery[제이쿼리] on(change)+val()로 select 값으로 변경하기

안녕하세요~ 주니주니 입니다.

오늘은 제이쿼리[jquery] on(change)+val()로 select option 값으로 
<input type="text">의 value 값을 변경해보겠습니다.
홈페이지 회원가입에 보면 이메일 부분에 많이 쓰이는 부분입니다.!

오늘은 이렇게 준비해보았습니다.
===============================
<input type="text" class="E2 " disabled="disabled">
===============================
disabled="disabled"> <== 이 부분은 <input type="text">의 값을 변경을 못하도록 하는 부분입니다.

준비한 실행 화면입니다.!

===============================
$('select').on('change',function(){
   var Email2 = $(this). val();
   $('.E2'). val(Email2);
  });
===============================
<select>태그가 change 즉 option 값이 바뀔 때마다 실행된답니다.
Email2라는 변수에 $(this). val();<== 바뀐 option의 value의 값을 들고 와서 저장하라는 뜻입니다.
class E2의 value 값을 Email2변수에 들어있는 값으로 바꿔줘라는 뜻입니다.

아직 <select>태그의 option 값을 변경하기 전입니다.

<select>태그의 option값중 "naver.com"을 선택하여 
class E2의 value의 값이 "naver.com"으로 변경된 화면입니다.

마찬가지로 그 아래에 있는 "daum.net"으로 변경된 화면입니다.
일반적으로회원가입 부분에에 자주 들어가니 도움이 될듯하여 올려보았습니다^ㅡ^/

오늘은 제이쿼리[jquery] on(change)+val()로 select option 값으로 
<input type="text">의 value 값을 변경해보았습니다.

그럼 다음에 또 만나요~