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

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

QA

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

답변 2

본문

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

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

 


$(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');
           // ...
                
        });
    });
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 61,345
© SIRSOFT
현재 페이지 제일 처음으로