I just want to change the VALUE attribute of textbox on key up. But when I am typing something the value remains same in the mark up. I want to change it in mark up too. Here is my jsfiddle .

MARK UP

<input type="text" value="Type Your Name" id="textBox1" />
<span id="userName"></span>

jQuery

$("#textBox1").keyup(function () {

 $("#userName").text($(this).val());

});

Any help would be highly appreciated.

I just want to change the VALUE attribute of textbox on key up. But when I am typing something the value remains same in the mark up. I want to change it in mark up too. Here is my jsfiddle .

MARK UP

<input type="text" value="Type Your Name" id="textBox1" />
<span id="userName"></span>

jQuery

$("#textBox1").keyup(function () {

 $("#userName").text($(this).val());

});

Any help would be highly appreciated.

• javascript
• jquery
• html
• textbox
• keyup

Share Improve this question Follow asked Mar 16, 2014 at 22:42 Fazil MirFazil Mir 83322 gold badges1010 silver badges2626 bronze badges 1

• your submited code working good for me! what is the problem!? – peiman F. Commented Mar 16, 2014 at 23:52

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

add this line to your code:

    $("#textBox1").attr('value', $(this).val())

check your updated fiddle http://jsfiddle/h5tpk/6/

just wrap your code in

$(function(){

});

http://jsfiddle/h5tpk/5/

You could also access the textbox via:

$("#textBox1").keyup(function () {
  $("#userName").text($('#textBox1').val());
});

http://jsfiddle/#&togetherjs=kTauiAAFgR