如何使用Javascript更改多个html文本区域的字体大小

How to change font size in multiple html textareas using Javascript

本文关键字：区域 文本 字体 html Javascript 何使用      更新时间：2023-09-26

这让我很困惑。我正试图用这个javascript来更改id=label的多个文本区域的字体大小。问题是，在第一个jsfiddle上，它只更改了第一个文本区域，当我在jsfiddl上尝试它时，如果根本无法工作，就会包含更多的代码！！！！任何建议都很好。

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

这里有一个简单的jsfiddle，它似乎适用于第一个文本区域-https://jsfiddle.net/q7jz9034/2/

在这里，它与我的代码和css进行了更多的交互，使它不再一起工作！！-https://jsfiddle.net/m4pdjywx/

不能有更多具有相同id的元素-这就是id的目的。您的解决方案是将id更改为class（例如，<textarea class='label'>），并将javascript更改为$('.label')。

编辑：这是您更新的jsfiddle。您已经有了关于textarea元素的类，所以我刚刚更新了该部分。然而，您的代码并没有订阅change事件，而是发送了它，所以我也更新了该部分：("#fontsize").on('change', function() { ... }

你也没有在那个fiddle中包含jQuery，我还添加了包装器来等待jQuery加载：$(function(){ // ... }

正如您所看到的，现在一切都按预期进行：）

只是另一点如果有多个项目要更改，则不应使用id相反，您可以使用标签名称。请以我为例：

$("#fontsize").change(function() {
    $('textarea').css('font-size', $(this).val() + 'px');
}).change();
相关文章：