两个文本框同时更改[JQuery]

Question

我有两个文本框，一个是type='text'，第二个是type='hidden＆＃39;。我想在第一个文本框中键入内容时自动在第二个文本框中设置相同的值。

我尝试使用.change()，但效果不佳。

简而言之：在某个时间[实时]

，我希望两个文本框都有相同的值

你知道怎么做吗？

Answer 1

使用keyup，如下所示

 $("#txt1").on('keyup',function(){
   $("#txt2").val($(this).val())
 });

Answer 2

只需更改keyup事件的事件，

$("#txt1").keyup(function()
{
 $("#txt2").val($(this).val())
});

Answer 3

试试这个：

$("#txt1").keyup(function(){
   $("#txt2").val($(this).val())
});

Answer 4

您也可以使用JQuery的keyup()。当用户在键盘上释放键时调用它。

$("#txtbox").keyup(function(){
   $("#hiddentextbox").val($(this).val())
});

Answer 5

您可以使用.keydown()：

$("#txt").on("keydown", function(){
   $("#hid").val($(this).val());
});

fiddle

Answer 6

使用输入事件：

$('#txt1').on('input',function() {
    $('txt2').val( this.value );
});

Answer 7

HTML代码

input type = "text" size = "40" id = "inputText"> <input type = "text" size = "40" id = "outputText" value = "" readonly>

jQuery脚本

$(document).ready(function(){ $('#inputText').keyup(function(){ $('#outputText').val($(this).val()); }); });

希望这会对你有所帮助。谢谢你提出有用的问题。

Answer 8

将.blur用作： -

$("#txt1").blur(function(){
   $("#txt2").val($(this).val())
});

OR

$("#txt1").keyup(function(){
  $("#txt2").val($(this).val())
});