Question

我在这里有一个小提琴 - http://jsfiddle.net/h971gu5f/3/

    <form action="" class="form">
        <label for="">Number</label>
        <input type="text" class="number"/>
    </form>

    <form action="" class="form">
        <label for="">Number</label>
        <input type="text" class="number"/>
    </form>

    <form action="" class="form">
        <label for="">Number</label>
        <input type="text" class="number"/>
    </form>

我在页面上有多个表单。

表单将使人们能够注册不同的活动。

如果他们注册了多个活动，则每种形式的信息都是相同的。

如果他们开始输入一个表格，就有可能以其他形式复制输入。

Answer 1

你可以这样做，只需将相应的类添加到输入中。

$(function(){
    $('input.myClass').keyup(function(){
        $('input.otherInputClass').val($(this).val());
    });
});

需要jQuery

Answer 2

这样的事情：

$(document).ready(function(){
    $('input.number').on('keyup', function(){
        $(this).parent().siblings().find('input.number').val($(this).val());
    });
});

http://jsfiddle.net/h971gu5f/4/

Answer 3

由于输入值对于所有输入应该相同，因此不必排除当前输入设置值（尽管不必用自身更新当前值），因此也可以将其简化为< / p>

$("input").on("keyup", function () {
   $("input").val($(this).val());
});

Fiddle

Jquery将输入值复制到其他表单

3 个答案: