如何在jquery中更改键上的文本框值?

时间:2014-03-16 22:42:59

标签: javascript jquery html textbox keyup

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

MARK UP

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

的jQuery

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

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

});

任何帮助都将受到高度赞赏。

3 个答案:

答案 0 :(得分:4)

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

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

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

答案 1 :(得分:0)

将您的代码包装在

$(function(){

});

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

答案 2 :(得分:0)

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

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

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