镜像文本从表单输入到多个位置的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());
});