Jquery 将表单输入中的文本镜像到多个位置的div中

我正在尝试将文本输入到文本输入中，以在div中显示。该div将在页面中的多个位置显示。我已经能够弄清楚如何让文本出现在div中，但它只会出现在div的第一个实例中

以下是我所拥有的：

<script type="text/javascript">
jQuery(function($) {
     var input = $('#char2name'),
    preview = $('#previewchar2name');

input.keyup(function(e) {
    preview.text(input.val());
});
});

jQuery（函数（$）{
变量输入=$（“#char2name”），
预览=$（“#预览共享名称”）；
输入键控（功能（e）{
preview.text（input.val（））；
});
});

我的表格输入如下：

<label>Character 2's Name</label><input type="text" name="char2name" id="char2name" />

字符2的名称

---

感谢您的帮助：）

基本上，您使用的是一个id，您应该在其中使用一个类

如果您试图更改多个预览元素的文本，请将它们全部更改为以下内容：

<div class="previewchar2name"></div>

---

谢谢你的帮助。我试图让它对多个输入字段起作用，但对第二个、第三个等字段不起作用。我已经设置了一个jsFiddle:@Johny53228看看这个jsFiddle。你刚刚把第二个变量拼错了。

preview = $('.previewchar2name');

input.keyup(function(e) {
    preview.each(function(){$(this).text(input.val());
});