在表单中获取textarea的值

Question

我想在表单中获取此textarea的值，并使用javascript将值复制到表单外的另一个textarea。 我该怎么办？ 这是我的文本...

<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>

每当我在表单内的textarea中键入一个值时，我也想更新表单外的textarea的值。

Answer 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>

JAVASCRIPT

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

注意：您需要更改功能名称。 函数名称与textarea名称匹配，因此它会在您的案例中创建问题。

试试这个http://jsfiddle.net/CZCnx/2/

Answer 2

没有必要像其他人在答案中发布的那样使用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更改为<textarea id="ttpName" name="ttpName" ...

Answer 3

我会试试这个：

var text = document.getElementById("tpName").value;

$("#copytpName").attr("value", text);

Answer 4

我在这里添加了代码，它使用了jquery

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

码：

$("#tpName").keyup(function(){
    $("#copytpName").val($(this).val());
})