如何将一个人的表单输入文本插入到预制段落中。
例如：
输入您的姓名：John
变成
<p>Hello, my name is John</p>
最好在同一个或另一个 HTML 页面上。就像所有这些不同的网络生成器一样。
我可以使用的语言是 HTML、jQuery、JavaScript 和 JSON
【问题讨论】：
标签： javascript jquery html json forms
正如Rory McCrossan 的评论中提到的，使用.val() 和.text() 来实现这一点。
试试这个：
$('#btn').on('click', function() {
$('#text').text('Hello, my name is ' + $('#nameInput').val());
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<label for="nameInput">Your Name:
<input type="text" id='nameInput'>
</label>
<button id='btn'>Show Name</button>
<p id='text'></p>【讨论】：
input 必须有唯一的id，在按钮的click 上，按照示例中的说明执行相同的操作..
在 Jquery 中：
$('#paragraphId').text(myText);
如果没有发布更多代码，很难给你更具体的建议，但只要你的段落有一个 id 并且你的文本存储在一个变量中，以上应该可以工作。
【讨论】：
这是小提琴：https://jsfiddle.net/mt42fn3s/
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>
jQuery
$( document ).ready(function() {
$("#name").keyup(function() {
var userName = $('#name').val();
$('#result').html("Hello My name is " + userName);
});
});
【讨论】：
另一种可能的解决方案是将表单发布回当前页面（如果您能够使用 php 和表单）并从全局 $_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>
这样，向您的段落添加尽可能多的变量会容易得多。
如果您只能使用 Javacsript/Jquery，也许可以创建带有 id 标签的 span 来保存您的信息。例如;
<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);
【讨论】：