selectbox 변경시 선택된 색상 color 가져오기

 

<select class="selectCSS" onchange="chn_sltColor()" name="RSKNSS" id='RSKNSS' style="color:#fff; background-color:rgb(252, 80, 80);">
    <option value="20" style="color:#fff; background-color:rgb(252, 80, 80);">20(매우높음)</option>
    <option value="12" style="color:#fff; background-color:rgb(255, 158, 87);">12(약간높음)</option>
    <option value="9" style="color:#fff; background-color:rgb(255, 158, 87);">9(약간높음)</option>
    <option value="8" style="color:#000; background-color:rgb(253, 229, 98);">8(보통)</option>
    <option value="5" style="color:#000; background-color:rgb(206, 247, 97);">5(낮음)</option>
</select>

 

이런식으로 option 마다 색상이 다르게 지정되었을 경우 값을 변경해도 기존 selectbox의 색은 변하지 않는다 그래서

 

onchagne에 함수를 걸어서 수정시켜준다

 

function chn_sltColor(){
    var color = $("#RSKNSS option:checked").css("color");
    var bgcolor = $("#RSKNSS option:checked").css("background-color");
    $("#RSKNSS").css("color",color);		
    $("#RSKNSS").css("background-color",bgcolor);			
}