клонировании ввод текста в виде

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 строк. Например, если я вставляю «abcd» в поле1, также поле 3 и поле 5 могут быть заполнены автоматически с помощью «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()); 
} 
});