Question

我有一堆输入表单，如电子邮件，姓名，消息等。我已将所有字段设为必填项。是否可以使用jquery使用其他表单的输入预填充消息textarea，但用户仍然可以编辑某些文本？我的目标是根据用户的输入+其他信息提供一种div预览。预览的目标是向用户显示他/她在提交时在电子邮件中的消息。字段下面的示例

 Name: John Doe
 email: johndoe@example.com
 Institution: Institute of Aquaculture

我想用以下内容预填充短信textarea：

To Whom It May Concern:    

Please supply document: {Item requested}. Retrieved from 
{Referring Page}.

I will use the requested material only for private study, scholarship or
research.

Regards,
John Doe<johndoe@example.com>

用户可以编辑textarea的内容，如果他/她对内容不满意并想添加其他信息。

我希望显示div预览：

**This is the text to be sent to the responsible person.**

To Whom It May Concern:    

Please supply document: {Item requested}. Retrieved from 
{Referring Page}

I will use the requested material only for private study, scholarship or
research.

Regards,
John Doe<johndoe@example.com>

Name: {From input form}
Institution: {From input form}
Item requested: {Generated automatically}
Logged In As: {from input form}
Referring Page: {Generated automatically}

请注意，请求的项目和推荐页面是自动生成的。我在how to pre-fill/populate a textarea和how to generate a preview based on input forms上的stackoverflow中进行了搜索，但不知怎的，我不知道如何将这两者结合起来。关于如何实现这一点的任何建议或者这一切都是可能的吗？提前谢谢。

Answer 1

基本上，对于预填充textarea，创建一个字符串，然后替换输入中的值。在这个例子中，我在2个冒号之间包含了以后替换的单词：

var text = "Some text here, this is the :name: from input";

text = text.replace(':name:', $('#name').val());

请参阅jsfiddle

上的完整示例

如何根据用户输入和显示预览预填充textarea？

1 个答案: