채택완료

selectbox로 폰트크기 조절하는 방법을 알고싶습니다.

2021-06-10 (목) 11:02:29 2,588
Copy
<div class="aaaa">
    1111111
</div>

<div class="ch_font">Font-size :
    <select class="fontsize" style="width:100px;">
        <?for($i=5;$i<=30;$i++){?>
        <option value="<?=$i?>"><?=$i?>px</option>
        <?    }?>
    </select>
    
    
</div>


<script>


$('.ch_font').change(function(){
    var selected = $('.fontsize option:selected').val();
    $('.aaaa').css("font-size",selected+"px!important");
})

</script>

안녕하세요,

셀렉트박스의 값을 선택하면,클래스 aaaa라고 적힌 div 의 폰트크기를 조절할려고 하는데 제대로 되지않습니다...

어떻게 작성해야 하는지 모르겠습니다...

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2021-06-10 (목) 11:30:07

change 이벤트는 셀렉트박스에 

$('.fontsize').change(function(){
    var selected = $(this).val();
    $('.aaaa').css("font-size",selected+"px!important");
})

답변에 대한 댓글 1개

!important 제거

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