jquery texto cambia cuando la entrada cambia

Question

¿Cómo podemos hacer como la parte inferior, de la manera más simple?

?

se actualiza cuando cambiamos la entrada.

Answer 1

Supongamos que tenía el código HTML siguiente:

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

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

Su JS sería detectar el evento keyup.

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

Answer 2

Sólo hay que conectar a la keyup caso de que el cuadro de texto y actualizar un patrón en correspondencia.

funciones de la caja de texto y span

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

Y algunos simples jQuery

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