使用文本字段中的文本自动更新文本区域答案

【问题标题】：Auto update textarea with text from text field使用文本字段中的文本自动更新文本区域
【发布时间】：2013-03-06 17:36:00
【问题描述】：

我可以使用自定义文本和文本字段中的文本更新 textarea 字段吗？例如：我有一个带有文本字段和 textarea 的表单。当我在文本字段中输入“Samsung”时，textarea 字段会显示：我想要一部三星手机。对于 LG 会显示我想要一部 LG 手机。这可能吗？谢谢！

【问题讨论】：

标签： forms text textarea field

【解决方案1】：

使用 javascript 的一种非常简单的方法：

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function update(elem) { 
                document.getElementById('textareaDescription').value = " I want a " + elem.value + " phone";  
            }
        </script>
    </head>
    <body>
        Phone : <input type="text" onchange="update(this)">
        <br>
        Description : <textarea name="" id="textareaDescription" cols="30" rows="10"></textarea>
    </body>
</html>

使用 onchange 事件，一旦您失去焦点（并更改！）输入，textarea 将被更新。

【讨论】：

你刚刚拯救了我的一天！：）非常感谢！但是还有一个问题：我如何在同一页面中使用两个或多个这样的？
@CristianCrys 只是使用了带有更多参数的更新函数，update(elem, elemtoupdate)
嗨，我只是复制了同样的内容，但它对我不起作用：JSFiddle 或 this