Question

我有这个：

HTML

<p>Text in the textbox: </p><p class="value">0</p>
<input type="text" id="textbox">
<button id="submit">Submit Value</button>

JQUERY

var tbvalue;

$(document).ready(function(){
    $('#submit').click(function(){
        tbvalue = $('#textbox').val();
        $('.value').text(tbvalue);
    });
});

因此，这是一个脚本，用于在用户单击按钮时显示用户在<p>标记中写入的文本。现在，我怎样才能做到这一点而不必点击按钮，只是当用户添加一个字母或数字时段落与文本框的值动态刷新？

Answer 1

您可以使用 .keyup() 事件：

将事件处理程序绑定到＆＃34; keyup＆＃34; JavaScript事件，或触发器元素上的事件。

$(document).ready(function () {
    $('#textbox').keyup(function () {
        tbvalue = this.value;
        $('.value').text(tbvalue);
    });
});

<强> Fiddle Demo

Answer 2

使用.keyup()事件。

来自文档：

Bind an event handler to the "keyup" JavaScript event, or trigger that event on
an element.

试试这个：

$(document).ready(function(){
    $('#textbox').keyup(function(){
        tbvalue = $(this).val();
        $('.value').text(tbvalue);
    });
});

<强> DEMO

文本框刷新的动态文本

2 个答案: