javascript - JS - テキストエリアのコンテンツをクラスを共有する複数のテキストエリアに挿入する

Question

シナリオ: クラス「タイトル」を持つ一連のテキストエリアがあります。同じドキュメントに、クラス「セッター」を持つ別のテキストエリアがあります。

ボタンがクリックされた瞬間に、クラス「タイトル」を持つすべてのテキストエリアのコンテンツを、クラス名「セッター」を持つテキストエリアの現在のコンテンツに置き換えるボタンを作成する必要があります。

どんなアイデアでも大歓迎です。

ありがとう！

Answer 1

純粋なjavascriptだけでそれを行う方法を簡単なJSフィドルの例にしました:

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 2

このような問題を解決するには、Jqueryを使用します

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

これは、ボタンの onclick にある必要があります

Answer 3

jQuery をダウンロードして参照する

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