jQuery:将选项卡中的输入文本传送到另一个选项卡

时间:2011-04-26 18:09:44

标签: javascript jquery

我有一个包含很少标签的html。在所有选项卡中都有一个输入类型=文本。如果我在tab1的输入中输入内容,那怎么可以输入其他选项卡中的其他输入呢?

当你问一个问题时,我会猜测它在stackoverflow中有类似的东西,你会得到一个预览框,但这也是一个输入。

如果输入id是input1,输入2和输入3有人可以尽快给我看一下吗?

非常感谢

3 个答案:

答案 0 :(得分:2)

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

这是一个有效的演示:http://jsfiddle.net/Ender/C5L7W/

我选择模糊作为更新事件,因为切换标签时必须发生此事件(因为源文本框将失去焦点),并且与使用keyup,keydown或者类似内容相比,它涉及对其他输入的最少更新按键。

答案 1 :(得分:2)

我会在输入上使用一个类

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

答案 2 :(得分:0)

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

这样的东西应该有用......但是你可能必须先检查选项卡2上的输入是否已经填充..如果是这种情况,那么我们可以重新编写这段代码。