使用jQuery动态更改段落文本？

我想将输入的信息输入到文本字段中，并将其显示在页面上其他位置的段落中。 基本上，正好在下面发生了什么，因为我输入了这个（去发一个问题并开始在主文本框中输入，你就会看到我的意思）。

知道怎么做吗？ 该页面上有如此多的JavaScript我无法找到他们是如何做到的。

Answer 1

我想你正在寻找这个。

以下是您的html应如何显示：

和jQuery：

 $(function(){ $('#txt').keyup(function(){ $('#preview').text($(this).val()); }); }); 

这会在其keyup事件中获取textarea的值，然后使用textarea $(this).val()更改段落的文本（ text()方法$(this).val() 。

Answer 2

这是一个应该工作的例子 –

---

---

对不起，额外的风格 – 不能帮助自己。 Jquery的.change（）不会改变，直到触发了不同的事件，.live（）和.bind（）才是你想要的。 还有.attr（“值”）部分，它有时会做一些我并不完全理解的额外魔法 – 但它确实保持最新状态。 祝你好运！

Answer 3

我会使用像keyup这样的东西，并在每次释放一个键时更新显示。 如果有人在框中粘贴了某些内容，您可能还需要处理更改事件。

此外，您可以查看WM使用的WMD编辑器 。 它比你要求的更多，但你可以从中得到一些想法。