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

**HTML**
    <label>TEXT 1: </label><input type="text" id="text_1" value=""/>
    <label>TEXT 2: </label><input type="text" id="text_2" value=""/>
    <label>TEXT 3: </label><input type="text" id="text_3" value=""/>
    <label>TEXT 4: </label><input type="text" id="text_4" value=""/>

**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/

感谢您的答复！

#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/

#2 楼

问题是您不能绑定特殊事件来检查文本框值是使用JavaScript而不是手动更改的。要解决此任务，一种选择是对keyup和text_1使用相同的text_2事件。 jQuery会将新的处理程序添加到现有处理程序中：

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



#3 楼

输入字段失去焦点后，将触发change事件。如果要实时更新它，则还需要keyup事件，如下所示：

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


#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
});


#5 楼

试试看。.n1和n2是textbox的ID 

 $(document).ready(function(){

    $(':input').keyup(function(){

      $("#n2").val($("#n1").val()).change(); 

    });
});