jquery - 使用 Jquery 更改标签的字体大小

Question

J查询:

$("#size").on('change',function(){
  var getValue=$(this).val();
  //alert(getValue);
  $("#lbll").css("font-size",getValue);

 });

HTML:

<select name="fontsize" id="size">
        <option id="size6">6</option>
        <option id="size8">8</option>
        <option id="size9">9</option>
        <option id="size10">10</option>
        <option id="size11">11</option>
        <option id="size12">12</option>
        <option id="size14">14</option>
        <option id="size18">18</option>
        <option id="size24">24</option>
        <option id="size30">30</option>
        <option id="size36">36</option>
        <option id="size48">48</option>
        <option id="size60">60</option>
        <option id="size72">72</option>
    </select>

<label id="lbll">fooo</label>

我想根据下拉列表的选择更改标签的字体大小。我尝试了一些方法，但似乎都没有用。知道我的代码有什么问题吗？

Answer 1

您应该指定一个单位，如下所示:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="fontsize" id="size">
  <option id="size6">6</option>
  <option id="size8">8</option>
  <option id="size9">9</option>
  <option id="size10">10</option>
  <option id="size11">11</option>
  <option id="size12">12</option>
  <option id="size14">14</option>
  <option id="size18">18</option>
  <option id="size24">24</option>
  <option id="size30">30</option>
  <option id="size36">36</option>
  <option id="size48">48</option>
  <option id="size60">60</option>
  <option id="size72">72</option>
</select>

<label id="lbll">fooo</label>