onchange文本框的文本显示在另一个文本框上

时间:2013-09-27 08:51:49

标签: javascript jquery html textbox

我想在另一个文本框中显示更改文本

我尝试here进行可能的组合。但是没有用。

/*$('input#list_val').keyup(function() {
   //perform ajax call...
  // alert("Hello");
   $('#list_v').text($(this).val());
});*/
$('input#list_val').keydown(function() {
   //perform ajax call...
   //alert("Hello");
   $('#list_v').text($(this).val());
});


<input type='text' id="list_val" />
<input type='text' id="list_v" />

7 个答案:

答案 0 :(得分:4)

应该{​​{1}}为输入添加值并使用keyup而不是keydown立即在其他输入中显示值

val()

演示Fiddle

答案 1 :(得分:1)

使用.val()和.keyup(使用keydown不会注册最新值,它会在之前注册该值,因此更好地使用keyup)

$('#list_val').keyup(function() {
   $('#list_v').val(this.value);
});

DEMO

答案 2 :(得分:0)

从:改变:

$('#list_v').text($(this).val());

为:

$('#list_v').val($(this).val());

答案 3 :(得分:0)

var $list_v = $('#list_v');
$('input#list_val').keyup(function() {
   $list_v.val($(this).val());
});

演示:Fiddle

答案 4 :(得分:0)

试试这个

<强> JS

$('#list_val').keyup(function() {
   $('#list_v').val($('#list_val').val());
});

Demo

答案 5 :(得分:0)

试试这个:

$('input#list_val').keydown(function() {
    var text = $("input#list_val").val();
    $('#list_v').html(text);
});

答案 6 :(得分:0)

您的代码非常完美,只需更改代码中的小内容即可:

$('#list_val').keydown(function() {  
   $('#list_v').val($(this).val());
});