javascript - JS - 将文本区域的内容注入共享一个类的多个文本区域

Question

场景：我有一系列带有“标题”类的文本区域。在同一个文档上，我有一个单独的 textarea 类“setter”。

我需要制作一个按钮，在单击按钮时将所有具有类“标题”的文本区域的内容替换为具有类名称“setter”的文本区域的当前内容。

任何想法将不胜感激。

谢谢！

Answer 1

使用Jquery解决这样的问题

$("textarea[class='setter']").val("your text"));

这应该在按钮的点击中

Answer 2

我制作了一个快速的 JS fiddle 示例，您如何使用纯 javascript 来做到这一点：

http://jsfiddle.net/Yazpj/883/

...
    var doc = document,
        theTitles = doc.querySelectorAll( '.title' ),
        theValue = doc.getElementById( 'the-setter' ).value;

    for( var i=0,titleLen=theTitles.length; i<titleLen; i++ ) {

        theTitles[i].value = theValue;

    }
...

Answer 3

下载和参考 jQuery

$("#MyButtonID").click(function() { 
    $(".title").val($(".setter").val());
});