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 example

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

CODE：

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

在表单中获取textarea的值

4 个答案: