0

フォーム内のこのテキストエリアの値を取得し、JavaScript を使用してフォーム外の別のテキストエリアに値をコピーしたいと考えています。どうすればいいですか？ここに私のテキストエリアがあります...

<form>
    <textarea id="tpName" name="tpName" onchange="tpName(this)" style="margin-top: -9px; width: 275px; height: 40px;"></textarea>
</form>

<textarea id="copytpName" name="copytpName" style="margin-top: -9px; width: 275px; height: 40px;"></textarea>

フォーム内のテキストエリアに値を入力するたびに、フォーム外のテキストエリアの値も更新したいと考えています。

4

4 に答える 4

1

他の人が回答に投稿したように、jQuery は必要ありません。ID とフォーム名に使用するものと同じ名前を関数に付けないでください。機能します。

jsFiddle の例

<form>
    <textarea id="ttpName" name="ttpName" onchange="tpName(this)" style="margin-top: -9px; width: 275px; height: 40px;"></textarea>
</form>
<textarea id="copytpName" name="copytpName" style="margin-top: -9px; width: 275px; height: 40px;"></textarea>
function tpName(data) {
    document.getElementById("copytpName").value = data.value;
}

テキストエリアをに変更しました<textarea id="ttpName" name="ttpName" ...

于 2013-08-19T15:57:47.357 に答える
1

あなたはjavascriptでこのようにすることができます、

HTML

<form>
<textarea id="tpName" name="tpName" onkeyup="copyThis(this);" style="margin-top: -9px; width: 275px; height: 40px;"></textarea>
</form>

<textarea id="copytpName" name="copytpName" style="margin-top: -9px; width: 275px; height: 40px;"></textarea>

ジャバスクリプト

function copyThis(txObj) {
    document.getElementById("copytpName").value = txObj.value;   
}

注: 関数名を変更する必要があります。関数名はテキストエリア名と一致するため、問題が発生します。

これを試してくださいhttp://jsfiddle.net/CZCnx/2/

于 2013-08-19T15:56:07.540 に答える
0

ここにコードを追加しました。jquery を使用します。

http://jsfiddle.net/5B6KC/1/

コード：

$("#tpName").keyup(function(){
    $("#copytpName").val($(this).val());
})
于 2013-08-19T15:53:23.453 に答える