Javascript jQuery：将输入文本从选项卡传送到另一个选项卡

我有一个html与几个标签。在所有选项卡中都有一个输入类型=文本。如果我在tab1的输入中键入了一些内容，那么如何将其输入到其他选项卡中的其余输入中呢

我猜在stackoverflow中，当你问一个问题时，下面会有一个预览框，但这也是一个输入

如果输入id是input1、input2和input3，如果可能的话，有人能告诉我一个快速的方法吗

非常感谢

$('#input1').blur(function() { $('#input2,#input3').val(this.value); });

这是一个有效的演示：

我选择blur作为更新事件，因为该事件必须在切换选项卡时发生（因为源文本框将失去焦点），并且与使用keyup、keydown或keypress之类的工具相比，它涉及到对其他输入的更新最少

$('#input1').blur(function(){
    if ($('#input1').val() != '')}
        $('#input2').val($('#input1').val());
        $('#input3').val($('#input1').val());
    }
});

这是一个有效的演示：

我选择blur作为更新事件，因为该事件必须在切换选项卡时发生（因为源文本框将失去焦点），并且与使用keyup、keydown或keypress之类的工具相比，它涉及到对其他输入的更新最少

$('#input1').blur(function(){
    if ($('#input1').val() != '')}
        $('#input2').val($('#input1').val());
        $('#input3').val($('#input1').val());
    }
});

像这样的东西应该有用。。。但您可能必须先检查是否填写了选项卡2上的输入。。如果是这样的话，我们可以重新编写这段代码

---

像这样的东西应该有用。。。但您可能必须先检查是否填写了选项卡2上的输入。。如果是这样的话，我们可以重新编写这段代码。

我会在输入端使用一个类

$('.group_input1').change(function(){
     $('.group_input1').val(this.value);
});

---

我会在输入上使用一个类

$('.group_input1').change(function(){
     $('.group_input1').val(this.value);
});

---

@蒂姆-来自大量的捷径练习：）谢谢。这似乎可行，但如果第一个框是input2呢？我的意思是，首先用户在input2中键入一些内容？我必须对输入2执行同样的操作吗？我说的是20种不同的输入/标签。谢谢，阿洛蒂同意蒂姆的观点（但请看我关于麦克格雷姆解决方案的说明）。@Tim-来自大量的捷径练习：）谢谢。这似乎可行，但如果第一个框是input2呢？我的意思是，首先用户在input2中键入一些内容？我必须对输入2执行同样的操作吗？我说的是20种不同的输入/标签。感谢alotI同意Tim的意见（但请参阅我关于mcgrailm解决方案的说明）。这是一个很好的解决方案，但您应该使用

This.value

而不是

$（This.val（）

）。相同的结果，但它直接访问DOM，而不是通过jQuery。在小范围内，这没有多大区别，但这是对jQuery赋予我们的权力的滥用。更次要的是，您忘记了结尾处的闭包和分号：）这是一个很好的解决方案，但您应该使用

This.value

而不是

$（This.val（）

）。相同的结果，但它直接访问DOM，而不是通过jQuery。在小范围内，这没有多大区别，但这是对jQuery赋予我们的权力的滥用。更次要的是，您忘记了结尾处的闭包和分号：）