Javascript 如何根据用户输入更新文本？

我知道这可能很简单，但如何根据用户的输入更新文本

例如，我有一个电子邮件模板，开头是这样的：

*您好， 我的名字是\uuu，我是亚马逊网站上的\u的作者*

我想为用户创建一些简单的输入字段，以插入他们的姓名和书籍的标题。还有几个输入。我只需要最终的输出，让他们与他们自己的信息插入到正确的地方，根据他们提交的模板全文

---

实现这一目标的最简单方法是什么？提前谢谢。

似乎您正在搜索一种简单的格式化方法，为此您必须使用任何插件

否则：

<input type="text" id="inputName"></input>
<input type="text" id="inputAuthor"></input>

var name = $('#inputName').val();
var author = $('#inputAuthor').val();
var t = "*Greetings, My name is " + name + " I'm the author of " + author + " which is available on Amazon.com.";  

var name=$（'#inputName'）.val（）；
var author=$（'#inputAuthor'）.val（）；
var t=“*您好，我的名字是“+name+”，我是亚马逊网站上“+author+”的作者；

你可以试试。

用这个

$('button').click(function () {
                    var str = 'Greetings, My name is ' + $('#name').val() + 'and I\'m the author of ' + $('#book').val() + ' which is available on Amazon.com.';
                    $('#template').html(str);
                });

---

演示：

如果找不到更简单的方法，可以使用jQuery：

$(document).ready(function() {
    $('.my-inputs').each(function() {
        $(this).on('keyup', function() {
            var name = $('#name').val() == '' ? '___' : $('#name').val();
            var book = $('#book').val() == '' ? '___' : $('#book').val();
            $('#result').html("*Greetings, My name is " + name + " and I'm the author of " + book + " which is available on Amazon.com.*");
        });
    });
});

---

请回答问题并添加标记，以指示您正在使用的适用编程语言和/或程序/工具。我希望使用javascript，我对PHP不太熟悉……但愿意帮助您使用任何语言，只要noob的设置相对容易（我是初学者）@ashloren如果您想将这些数据存储到db中，您必须使用一些编程语言，例如PHP、.net etcgoogle来编写ajax教程并完成它。这应该已经让你走了，但是如果你想更进一步，你可能想深入研究jquery或其他一些基于javascript/ajax的框架，并且更易于使用。我不认为我需要存储它们…我只希望文本根据它们的输入在屏幕上更新一次，以便它们可以复制并粘贴文本到电子邮件中…正在存储某些事情所需的数据像那样？请原谅我的无知。请注意，这不会自动更新；你需要将它插入到某个函数中并绑定到某个事件（例如：输入的“更改”或某个按钮的“按下”）。是的，我知道，在小提琴中，实际上，指令是在按钮点击时绑定的！是的，但只适用于略读而不寻找小提琴链接的人。：）