输入更改时jquery文本更改

Question

我们怎样才能做到底部，简单的方式？

？

当我们更改输入时它会更新。

Answer 1

假设你有以下HTML：

<input type="text" id="textbox"/>

<span>http://twitter.com/<span id="changeable_text"></span></span>

您的JS会倾听keyup事件。

$('input#textbox').keyup(function() {
   //perform ajax call...
   $('#changeable_text').text($(this).val());
});

Answer 2

只需附加到该文本框的keyup事件并相应地更新范围。

文本框和范围

<input type="text" id="txt-url-suffix" />
<div>Your public profile: http://www.twitter.com/<span id="url-suffix" /></div>

还有一些简单的jQuery

var $urlSuffix = $("#url-suffix");
$("#txt-url-suffix").keyup(function() {
    var value = $(this).val();
    $urlSuffix.text(value);
});