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

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

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

我想你正在寻找这个。

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

 

和jQuery:

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

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

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


       


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

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

 

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