使用文本字段中的文本自动更新textarea

时间:2013-03-06 17:36:01

标签: forms text textarea field

我可以使用文本字段中的自定义文本和文本更新textarea字段吗? 例如: 我有一个带有文本字段和textarea的表单..当我在文本字段中输入“Samsung”时,textarea字段将显示:我想要一个三星手机。对于LG将展示我想要一部LG手机。 这是真的吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

使用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就会更新。