테스트 사이트 - 개발 중인 베타 버전입니다

글쓰기 분류 선택에 따라 다른 클래스 추가 방법 채택완료

위블 7년 전 조회 2,459

write.skin.php에서 분류 선택에 따라 div에 다른 클래스를 추가하는 방법을 알고 싶습니다.

글쓰기 분류가 "사과|바나나|복숭아|딸기"있고,

<div id="fruit"></div>

있을경우

 

글쓰기시 분류"사과"선택시

<div id="fruit" class="apple"></div>

글쓰기시 분류"바나나"선택시

<div id="fruit" class="banana"></div>

글쓰기시 분류"복숭아"선택시

<div id="fruit" class="peach"></div>

글쓰기시 분류"딸기"선택시

<div id="fruit" class="strawberry"></div>

 

이렇게 클래스가 추가되는 방법 문의드려요 ㅜ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
7년 전

다음과 같이 jquery 처리를 해주면 될 듯 합니다.

 

</p>

<p>$(function() {

        $('#ca_name').on('change', function() {

            var s_val = $(this).val();

            

            $('#fruit').removeAttr('class');

            

            if (s_val == "사과")

                $('#fruit').addClass('apple');

            else if (s_val == "바나나")

                $('#fruit').addClass('banana');

           // ...

                

        });

    });</p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

정말 감사합니다~ 잘되네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인