jQuery - 将值从一个输入传递到另一个输入

Question

我有一个表格,有几个输入字段是title,name,address等

我想要做的是获取这些值并将它们"放入"其他输入字段的值中.例如

<label for="first_name">First Name</label>
<input type="text" name="name" />

<label for="surname">Surname</label>
<input type="text" name="surname" />

<label for="firstname">Firstname</label>
<input type="text" name="firstname" disabled="disabled" />

所以,如果我进入John该first_name字段,那么值firstname也将是John.

非常感谢

Answer 1

假设您可以将ID放在输入上:

$('#name').change(function() {
    $('#firstname').val($(this).val());
});

JSFiddle示例

否则你将不得不选择使用名称:

$('input[name="name"]').change(function() {
    $('input[name="firstname"]').val($(this).val());
});

Answer 2

如果稍微修改一下HTML，就会更简单：

<label for="first_name">First Name</label>
<input type="text" id="name" name="name" />

<label for="surname">Surname</label>
<input type="text" id="surname" name="surname" />

<label for="firstname">Firstname</label>
<input type="text" id="firstname" name="firstname" disabled="disabled" />

那比较简单

$(document).ready(function() { 
    $('#name').change(function() {
      $('#firstname').val($('#name').val());
    });
});