正在获取表单内部textarea的值

Getting the value of textarea inside form

本文关键字：textarea 的值 内部 表单 获取      更新时间：2023-09-26

我想获取表单内部这个文本区域的值，并使用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>

每当我在表单内部的textarea中键入值时，我还想更新表单外部的textarea.

没有必要使用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" ...

您可以在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;   
}

注意：您需要更改函数名称。函数名称与文本区域名称匹配，因此在您的案例中会产生问题。

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

我会试试这个：

var text = document.getElementById("tpName").value;
$("#copytpName").attr("value", text);

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

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

代码：

$("#tpName").keyup(function(){
    $("#copytpName").val($(this).val());
})
相关文章：