提交按钮以填充页面文本

Question

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

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

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

谢谢

安德鲁

Answer 1

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

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

基本上，您有一个 textarea (id: final-text) 和一个 input (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';
}