<style type="text/css">
.css_test textarea {
width : 100%;
height : 100px;
}
</style>
<button type="button"
onclick="$('.css_test select')
.change()">onchange 이벤트 발생시키기 (눌러보세용)</button><br><br>
<div class="css_test">
<b>여러분이 좋아하는 동물을 골라 보세요 !</b><br>
버튼을 누르면 셀렉트박스를 선택하지 않아도 텍스트가 나타납니다.<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="운영자 (뀨~)" selected>여기 운영자</option>
</select>
<br>
<br>
<textarea></textarea>
</div>
<script type="text/javascript">
$('.css_test select')
.change( function(){
j_test(this);
});
function j_test(o){
var val = $(':selected', o).val();
$('.css_test textarea').val(val);
}
</script>