채택완료

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

2018-02-07 (수) 15:36:50 2,601

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 포인트

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

Copy
$(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');
           // ...
                
        });
    });

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

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