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

Question

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

这是我所拥有的：

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

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

我的表单输入如下：

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

谢谢你的帮助 ：）

Answer 1

基本上你正在使用一个你应该使用一个类的 id

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

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

然后在适用区域将您的脚本更改为以下内容：

preview = $('.previewchar2name');

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