How to do a live update to an HTML form using javascript

Question

I need to live update a text field in html using javascript, that is as the user is typing text in one field, the contents are being displayed in another as they type. i need just a short code snippet to do that. eg as a person is typing their name, the name is being typed one letter at a time at another position on the screen.

James Allardice · Accepted Answer · 2012-01-08 10:12:33Z

3

Give the two fields an id each, then use something like this:

document.getElementById("field1").onkeyup = function() {
   document.getElementById("field2").value = this.value;   
}

All it does is bind an event listener to the onkeyup event, which fires every time a key is released. In the event listener, it simply copies the value of the field which received the event to another field, specified by id.

Here's a working example.

edited Jan 8, 2012 at 10:12

answered Sep 22, 2011 at 14:03

James Allardice

166k22 gold badges335 silver badges316 bronze badges

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

1 Comment

James Allardice Over a year ago

@ThinkingStiff - Thanks, not sure how that happened! I've fixed it now.

Collectives™ on Stack Overflow

How to do a live update to an HTML form using javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related