Javascript 将输入的表单输入文本插入段落

如何将一个人的表单输入文本插入到预先制作的段落中

例如： 输入您的姓名：

John

变成 你好，我叫约翰

最好在同一个或另一个HTML页面上。就像所有那些不同的web生成器一样

在jQuery中，我可以访问的语言是HTML、jQuery、JavaScript和JSON：

$('#paragraphId').text(myText);

---

如果没有更多的代码发布，很难给你更具体的建议，但是只要你的段落有一个id，并且你的文本存储在一个变量中，上述内容就应该起作用。

如注释中所述，使用和来实现这一点

试试这个：

$（'btn'）。在（'click'，function（）上{
$（'#text'）.text（'您好，我的名字是'+$（'#nameInput'）.val（））；
});

你的名字：
显示名称
这是小提琴：

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<input type="text" id="name">
<p id="result"></p>

另一种可能的解决方案是将表单发布回当前页面（如果您能够使用php和表单），并从全局$\u post变量中检索它们

// index.php

<?php $name = $_POST['name']; ?>

// This is your predetermined paragraph, with the name dynamically inserted
<p>Hello, my name is <?php echo $name; ?></p>

<form action="index.php" method="post">
  <input id="name" name="name">
  <input type="submit" value="submit">
</form>

//index.php
//这是预先确定的段落，动态插入名称
你好，我的名字是


这样，就更容易在你的paragrah中添加尽可能多的变量

如果您只能使用JavaCScript/Jquery，那么可以创建带有id标记的跨区来保存您的信息。Eg

<p>Hello, my name is <span id='name'></span></p>
<p>My surname is <span id='surname'></span></p>

// jquery

var $name = $('.name').val(); // your name input box;
var $surname = $('.surname').val(); //your surname input box

$('#name').val($name);
$('#surname').val($surname);

你好，我的名字是

我姓

//jquery
var$name=$（'.name'）.val（）；//您的姓名输入框；
变量$LANSAME=$（'.LANSAME'）.val（）//您的姓氏输入框
$（'#name'）.val（$name）；
$（'姓'）.val（$姓）；

&您能分享一下您迄今为止的尝试吗？请编辑您的问题，在否决票中添加.SMH。下面的原始帖子和答案今天对我很有帮助。谢谢你的发帖。这太完美了，谢谢你。现在，在grand scheme中，我希望有几个这样的框，可能有半打，然后在一个大型HTML文档中生成结果。我会在每个文本字段中使用这个吗？好的，我使用了这个，就像上面的代码片段一样，它当然有效。但是后来我注意到所有原始的“Hello my name…”文本都在jQuery代码中，这在几行代码中非常有效，但是这一个字段会多次进入一个大文档，是否适合将此代码包装在整个文档中？谢谢。啊，对不起，老实说，我没有任何代码，这是开始哈！也许一个表单操作可能更容易。不过还是非常感谢。也许这可以提供一个更好的主意，即每个

输入

必须具有唯一的

id

，在按钮的

上单击

，执行与示例中所述相同的操作。。

<p>Hello, my name is <span id='name'></span></p>
<p>My surname is <span id='surname'></span></p>

// jquery

var $name = $('.name').val(); // your name input box;
var $surname = $('.surname').val(); //your surname input box

$('#name').val($name);
$('#surname').val($surname);