on更改文本框的文本显示在另一个文本框上

onchange text of textbox display on another textbox

本文关键字：文本 另一个 显示 on      更新时间：2023-09-26

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

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

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

应该val()为输入添加值，并使用键进而不是键下键立即在其他输入中显示值

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

演示小提琴

使用 .val（）

和 .keyup（使用 keydown 不会注册最新值，它会在之前注册值，因此 keyup 最好用于此）

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

演示

从 ： 

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

自：

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

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

演示：小提琴

试试这个

.js 

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

演示

试试这个：

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

你的代码是完美的，只需要改变代码中的小东西：

$('#list_val').keydown(function() {  
   $('#list_v').val($(this).val());
});
相关文章：