Question

我有以下表格：

<form method="post">
<table>
    <tr>
        <td>Foo</td><td><input type="text" name="field1" /></td>
    </tr>
    <tr>
        <td>Bar</td><td><input type="text" name="field2" /></td>
    </tr>
    <tr>
        <td>Foo</td><td><input type="text" name="field3" /></td>
    </tr>
    <tr>
        <td>Test</td><td><input type="text" name="field4" /></td>
    </tr>
    <tr>
        <td>Foo</td><td><input type="text" name="field5" /></td>
    </tr>
</table>

我想在field1中插入文本，并在foo行的所有字段中自动克隆它。例如，如果我在field1中插入“abcd”，则field3和field5也可以使用相同的“abcd”自动填充。有可能吗？

Answer 1

使用jquery可以这样做：

$("input[name='field1']").on("input change", function() {
    $("input[name='field3'],input[name='field5']").val($(this).val());
});

Answer 2

$("input[name='field1']").keyup(function(e){
if(e.keyCode == 13)
{
    $( "input[name^='field']" ).val($(this).val());
}
});

克隆表单中的输入文本

2 个答案: