jQuery：將輸入文本從選項卡攜帶到另一個選項卡

Question

我有幾個標簽的HTML。 在所有選項卡中，都有一個輸入type = text。 如果我在tab1的輸入中鍵入內容，那么如何也可以在其他選項卡的其余輸入中鍵入內容？

當您提出問題並在下面獲得一個預覽框時，我會在stackoverflow中猜測類似的內容，但這也將是一個輸入。

如果輸入ID為input1，input2和input3，是否可以向我展示一種快速方法？

非常感謝

Answer 1

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

這是一個工作示例： http : //jsfiddle.net/Ender/C5L7W/

我選擇了模糊作為更新事件，因為此事件必須在切換選項卡時發生（因為源文本框將失去焦點），並且與使用keyup，keydown或keypress之類的東西相比，它涉及對其他輸入的更新最少。

Answer 2

我會在輸入上使用一個類

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

Answer 3

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

諸如此類的東西應該可以工作...但是您可能必須檢查是否首先填寫了選項卡2上的輸入。如果是這種情況，那么我們可以重新編寫此代碼。