jquery text change when input change

Question

How can we do like the bottom, the simple way ?

enter image description here ?

it updates when we change the input.

Jacob Relkin · Accepted Answer · 2011-02-13 07:25:49Z

8

Say you had the following HTML:

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

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

Your JS would listen for the keyup event.

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

answered Feb 13, 2011 at 7:15

Jacob Relkin

163k34 gold badges351 silver badges321 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

or use the .keyup, .keypressed functions if you want changes to happen as they are typed, the .change will only fire once the focus is lost.

Marko · Accepted Answer · 2011-02-13 07:25:28Z

6

Just attach to the keyup event of that textbox and update a span accordingly.

The textbox and span

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

And some simple jQuery

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

answered Feb 13, 2011 at 7:18

Marko

72.3k29 gold badges126 silver badges160 bronze badges

thanks!, yeah i just cant figure the logic, btw after ive search the jquery docs i found keyup. thanks again marko