如何在jQuery中更改键盘上的文本框值？

Question

我只想更改键盘上文本框的VALUE属性。 但是，当我输入内容时，标记中的值保持不变。 我也想在标记中更改它。 这是我的jsfiddle 。

标记

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

jQuery的

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

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

});

任何帮助将不胜感激。

Answer 1

将此行添加到您的代码中：

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

检查您更新的小提琴http://jsfiddle.net/h5tpk/6/

Answer 2

只需将您的代码包装在

$(function(){

});

http://jsfiddle.net/h5tpk/5/

Answer 3

您还可以通过以下方式访问文本框：

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

http://jsfiddle.net/#&togetherjs=kTauiAAFgR