文本字段更改时更改范围

Question

我有一个包含多个文本字段的表单。我想在字段中写一些内容时更改span标记。像这样：

有什么想法吗？

Answer 1

您可以使用keyup，然后将span内容替换为textbox值。

<input id="test" type="text" />
<span id="content"></span>

$("#test").keyup(function() {
    $("#content").html($("#test").val());
});

http://jsfiddle.net/

编辑：

您也可以$(this).val()建议使用pXL。

$("#test").keyup(function() {
    var val = $(this).val();
    $("#content").html(val);
});

Answer 2

你可以简单地使用jquery。例如

<input type="text" id="mytext"/>
<span id="content"></span>

$(document).ready(function(){
    $("#mytext").keyup(function(){
            $('#content').html($(this).val());
        })
})

Answer 3

我会使用$ .keyup（）并使用输入值更新html 演示： Working Demo

$(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 4

失去焦点也是一种方法，

HTML：

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

jquery的：

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

很高兴能提供帮助。