JS - 將textarea的內容注入到共享類的多個文本區域中

Question

場景： 我有一系列帶有「title」類的textarea。 在同一個文檔中，我有一個單獨的類「setter」的textarea。

我需要製作一個按鈕，它將用單擊按鈕時具有類名「setter」的textarea的當前內容替換具有「title」類的所有textareas的內容。

任何想法將不勝感激。

謝謝！

Answer 1

下載並引用jQuery的

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

Answer 2

使用jQuery來解決這樣的

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

的問題，這應該是在BUTTOM的onclick

Answer 3

我做了一個快速JS小提琴例子如何用純粹的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; 

    } 
...