html - 提交按钮以填充页面文本

Question

我正在寻找一种方法，可以根据来自提交表单的用户输入在 HTML 页面上创建自定义文本。我在网上查看了类似的主题，但无法弄清楚如何在我自己的页面上执行此操作。

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

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

谢谢

安德鲁

Answer 1

这可能是您正在寻找的：

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

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

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