javascript - テキスト フィールドの変更時にスパンを変更する

Question

複数のテキスト フィールドを持つフォームがあります。フィールドに何かを書くときにスパンタグを変更したい。このような：

何か案は？

Answer 1

$.keyup() を使用して、html を入力値で更新します。
デモ: 作業デモ

$(document).ready(function()
{
    // Regular typing updates.
    $("#input").keyup(function()
    {
        $("#output").html($(this).val());
    });

    // If pasted with mouse, when blur triggers, update.
    $("#input").change(function()
    {
        $(this).keyup();
    });

    // Any value loaded with the page.
    $("#input").keyup();
});

Answer 2

失われた焦点もアプローチであり、

html:

<input type="text" id="txa" value="123" />
<span>345</span>

jquery:

$('input[id=txa]').blur(function () {
    $(this).next("span").text($(this).val());
});

喜んでお手伝いします。