Question

这让我很困惑。我试图通过id = label来改变多个textarea＆＃39; s的字体大小。问题是，在第一个jsfiddle上它只改变了第一个textarea，当我在一个jsfiddle上尝试它时包含更多我的代码，如果不能正常工作!!!!任何建议都会很棒。

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

这是一个简单的jsfiddle，似乎适用于第一个textarea- https://jsfiddle.net/q7jz9034/2/

在这里它与我的代码和css的更多内容相结合，使它停止一起工作！ - https://jsfiddle.net/m4pdjywx/

Answer 1

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

编辑：这是您更新的jsfiddle。你已经在change个元素上上过课，所以我刚刚更新了那个部分。但是，您的代码未订阅("#fontsize").on('change', function() { ... }事件，而是发出它，因此我也更新了该部分： $(function(){ // ... }

你也没有在那个小提琴中包含jQuery，我还添加了包装器来等待jQuery加载：{{1}}

正如您所看到的，现在一切正常运作：）

Answer 2

另一点。 如果您要更改多个项目，则不应使用ID。 您可以使用标记名称。请按照我的例子：

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

如何使用Javascript更改多个html textareas中的字体大小

2 个答案: