Get text when inputing content with Input tag by Javascript

Question

I will show you Fiddle link about my program question.

<label for="test">Username:</label>
<input type="text" id="test">
<p id=""></p>

$("#test").onclick(function(){
    alert('xx');                
})

I want to realize this function: p tag real-time displays input tag's content when I input something. I'll be very happy if you answer me.

Thank you.

please explain more about your question.Didnt understand a thing — Standin.Wolf
– Standin.Wolf, Commented Feb 18, 2014 at 6:16

Rikesh · Accepted Answer · 2014-02-18 06:18:20Z

1

You can use keyup event,

$("#test").keyup(function(){
         $("#para").html(this.value) ;               
 });

answered Feb 18, 2014 at 6:18

Rikesh

26.5k14 gold badges82 silver badges90 bronze badges

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

Comments

Joseph · Accepted Answer · 2014-02-18 06:21:30Z

1

You can attach it to the keyup event that way it updates with every keystroke.

$("#test").keyup(function(){
        $('#paragraph').html($(this).val());               
 })

answered Feb 18, 2014 at 6:21

Joseph

1,08610 silver badges23 bronze badges