<style type="text/css">
.css_test textarea {
width : 100%;
height : 100px;
}
</style>
<div class="css_test">
<b>여러분이 좋아하는 동물을 골라 보세요 !</b><br><br>
<select>
<option value="">- 선택 -</option>
<option value="굿펠로우 나무타기 캥거루">굿펠로우 나무타기 캥거루</option>
<option value="뉴칼레도니아 가고일 도마뱀붙이">뉴칼레도니아 가고일 도마뱀붙이</option>
<option value="베네주엘라 붉은배 청타란튤라">베네주엘라 붉은배 청타란튤라</option>
<option value="북아메리카 검은머리 흰죽지">북아메리카 검은머리 흰죽지</option>
<option value="살찐꼬리 난장이 여우원숭이">살찐꼬리 난장이 여우원숭이</option>
<option value="윌리암슨 수액빨이 딱다구리">윌리암슨 수액빨이 딱다구리</option>
<option value="쿠비어 난장이 카이만">쿠비어 난장이 카이만</option>
<option value="운영자 (뀨~)">여기 운영자</option>
</select>
<br>
<br>
<textarea></textarea>
</div>
<script type="text/javascript">
// 셀렉트박스에 onchange 이벤트 생성
$( '.css_test select' ).change( function(){
j_test( this ); // 셀렉트 박스 선택이 바뀔때 "셀렉트박스 요소" 를 함수로 전달
});
function j_test(o){
var val = $( ':selected', o).val(); // 전달받은 "셀렉트박스 요소" 에서 선택된 것 찾기
$( '.css_test textarea' ).val(val);
}
http://findfun.tistory.com/271
'jquery, ajax' 카테고리의 다른 글
attr() (0) | 2016.02.02 |
---|---|
자바스크립트 제이쿼리 this (0) | 2016.01.28 |
다중 셀렉터 다중 css처리 (0) | 2015.11.16 |
ajax를 쓰는 목적 (0) | 2015.09.23 |
ajax를 이용해서 json 배열 받기 예제 (1) | 2015.04.07 |