提交按钮以填充页面文本

Question

我正在寻找一种方法，我可以根据提交表单中的用户输入在HTML页面上创建自定义文本。我在网上查看了类似的帖子，但无法弄清楚如何在我自己的页面上做到这一点。

基本上我有一个带有此默认文本的文本区域“我的名字是，我想给慈善机构10美元。”

如果我有一个提交表单按钮，如何从表单中输入名称，然后将该值放入文本部分？

由于

安德鲁

Answer 1

这可能就是你要找的东西：

http://jsfiddle.net/NbuF6/2/

基本上，你有一个textarea（id：final-text）和一个输入（id：name）。按钮（如果需要，可以将其更改为表单的onsubmit函数）调用以下JavaScript函数来填充textarea：

function fill_textarea() {
    document.getElementById('final-text').value = 'My name is ' + document.getElementById('name').value + ' and I want to give $10 to charity';
}