1

テキスト入力にテキストを入力して、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" />

ご協力いただきありがとうございます ：）

4

1 に答える 1

2

基本的に、クラスを使用する必要がある場所でIDを使用しています

複数のプレビュー要素のテキストを変更しようとしている場合は、それらすべてを次のように変更します。

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

次に、該当する領域でスクリプトを次のように変更します。

preview = $('.previewchar2name');

input.keyup(function(e) {
    preview.each(function(){$(this).text(input.val());
});
于 2013-08-07T03:15:56.193 に答える