实时复制另一个文本框值Jquery

我想获得另一个文本框的值，并将其实时输入到另一个文本框中。 如果TEXT_3改变了，我如何检测？ 如果TEXT_3值已更改，则必须输入TEXT_4为方便起见，以下是代码和演示：

**HTML** TEXT 1:  TEXT 2:  TEXT 3:  TEXT 4:  **JAVASCRIPT** /* INPUT TEXT_1 AND TEXT_2 VALUE TO TEXT_3 ON TEXT_1 KEYUP*/ $("#text_1").keyup(function() { $("#text_3").val($("#text_1").val() + " " + $("#text_2").val()); }) /* INPUT TEXT_1 AND TEXT_2 VALUE TO TEXT_3 ON TEXT_1 AND TEXT_2 KEYUP*/ $("#text_2").keyup(function(){ $("#text_3").val($("#text_1").val() + " " + $("#text_2").val()); }) /* HOW CAN I DETECT IF TEXT_3 WAS CHANGED? IF TEXT_3 VALUE CHANGED, IT MUST BE INPUTTED TO TEXT_4*/ /* not working solution */ $("#text_3").change(function(){ $("#text_4").val($("#text_3").val()); }) 

演示： http ： //jsfiddle.net/8eXRx/7/

谢谢你的回复！

Answer 1

在textbox3.val（）之后添加change（），如下所示：

 $("#text_1").keyup(function() { $("#text_3").val($("#text_1").val() + " " + $("#text_2").val()).change(); }) /* INPUT TEXT_1 AND TEXT_2 VALUE TO TEXT_3 ON TEXT_1 AND TEXT_2 KEYUP*/ $("#text_2").keyup(function(){ $("#text_3").val($("#text_1").val() + " " + $("#text_2").val()).change(); }) 

http://jsfiddle.net/8eXRx/12/

Answer 2

问题是您无法绑定特殊事件来检查文本框值是否已使用JavaScript而非手动更改。 要解决此任务，一个选项是对text_1和text_2使用相同的keyup事件。 JQuery将新处理程序添加到现有处理程序：

 $("#text_1, #text_2").keyup(function(){ $("#text_4").val($("#text_3").val()); }) 

演示： http ： //jsfiddle.net/8eXRx/11/

Answer 3

输入字段失去焦点后， change事件将触发。 如果你想实时更新它，你还需要keyup事件，所以像这样：

 $("#text_3").keyup(function(){ $("#text_4").val($("#text_3").val()); }) 

Answer 4

尝试：

 $("#text_3").keyup(function(){ cur_val = $(this).val(); //grab #text_3's current value $(this).val(cur_val); // this is optional, but keep for sake $("#text_4").val(cur_val); //set #text_4's value as what #text_3 is having }); 

Answer 5

试试这个.. n1和n2是textbox ID

  $(document).ready(function(){ $(':input').keyup(function(){ $("#n2").val($("#n1").val()).change(); }); });