JQuery - передача значения от одного входа к другому

У меня есть форма с несколькими полями ввода 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.

Большое спасибо

Ответ 1

Предполагая, что вы можете поместить идентификатор на входы:

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

Пример JSFiddle

В противном случае вам придется выбирать, используя имена:

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

Ответ 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());
    });
});

Ответ 3

Добавьте атрибуты идентификатора с теми же значениями, что и атрибуты имени, и вы можете сделать это:

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