動態更改font-family和font-size

Question

我想動態更改文本的字體和大小

但我沒有在瀏覽器中看到任何答案，也沒有我的代碼中的錯誤這是演示

HTML：

<body>
<form id="texteditor">
    <select id="font">
        <option value="School">School</option>
        <option value="SansitaOne">SansitaOne</option>
        <option value="oliver">oliver</option>
        <option value="JuraLight">Jura-Light-webfont</option>
        <option value="Jura">Jura-DemiBold-webfont</option>
        <option value="DJGROSS">DJGROSS-webfont</option>
        <option value="College">College</option>
        <option value="BYekan">BYekan</option>
        <option value="BRoya">BRoya</option>
        <option value="BMitraBold">BMitraBold</option>
        <option value="BMitra">BMitra</option>
    </select>
    <select id="size">
        <option value="7">7</option>
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="17">17</option>
        <option value="20">20</option>
    </select>
</form>
<textarea class="changeme">this is my text example !!!</textarea>
</body>

jquery：

$("#font").change(function() {
//alert($(this).val());
$('.changeMe').css("font-family", $(this).val());

  });



 $("#size").change(function() {
 $('.changeMe').css("font-size", $(this).val() + "px");
 });

Answer 1

除了在示例中不包括jQuery之外，您還有一個錯字。

$('.changeMe')應為$('.changeme')

這里有更新的例子

$("#font").change(function() {
    $('.changeme').css("font-family", $(this).val());

});

$("#size").change(function() {
    $('.changeme').css("font-size", $(this).val() + "px");
});

動態更改font-family和font-size

問題描述

1 個解決方案

解決方案1
4 已采納 2014-03-09 19:41:12

動態更改font-family和font-size

問題描述

1 個解決方案

解決方案1 4 已采納 2014-03-09 19:41:12

解決方案1
4 已采納 2014-03-09 19:41:12