jquery change()

jquery, ajax 2015. 12. 28. 14:38

<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
Posted by 이상욱1
,