javascript - 入力から別のセレクターに値をコピーする方法

Question

次の入力を変更すると:

<input type="text" value="100000" name="value1" id="value1">

値も次のように変更する必要があります。

<span class="value2">100000</span>

私はこれを試しましたが、動作しませんでした:

(function ($) {
    var $change = $(".value2");
    $("#value1").keyup(function () {
        $change.val(this.value);
    });
})(jQuery);

score 1 · Accepted Answer

使用する.text

$change.text( this.value );

.valスパンはメソッドをサポートしていません

それはでのみ動作しますform elements.

score 0 · Accepted Answer

スパンには値がありません - 入力要素のみが値を持っています。.text(this.value)代わりに使用してください:

(function($) {
    var $change = $(".value2");

    $("#value1").keyup(function() {
        $change.text(this.value);
    });
})(jQuery);

3 に答える 3