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

Question

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

我在这里尝试了所有可能的组合。但是没有用。

/*$('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" />

Answer 1

它应该val()用于为输入添加值并使用 keyup 而不是 keydown 立即在其他输入中显示值

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

演示小提琴

Answer 2

使用 .val() 和 .keyup （使用 keydown 不会注册最新的值，它会注册之前的值，因此 keyup 更好地用于此）

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

演示

Answer 3

从改变：

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

到：

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

Answer 4

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

演示：小提琴

Answer 5

试试这个

js

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

演示

Answer 6

试试这个：

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

Answer 7

您的代码很完美，只需要更改代码中的小东西：

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