Не удается скопировать значение поля ввода в другое?

Question

Я пытаюсь скопировать одно значение поля формы <input> в другую форму, используя jQuery.Просто, правда?Ну, я, должно быть, делаю что-то не так, потому что мой код не работает.Вот что у меня есть:

HTML:

<form id="form1">
  <input id='one' type='text' />
  <input id='two' type='text' />
</form>

<form id="form2">
  <input id='three' type='text' />
</form>

<input type='button' id="do" value="Copy" />

jQuery:

$('#do').click(function() {
  $('#3').html($('#1').html().val());
});

Моя общая цель - получить 3 для заполнения значениемс 1, как только он введен, что я, вероятно, могу сделать, связав его с onBlur.

Что я делаю не так?

РЕДАКТИРОВАТЬ: Обновлены имена идентификаторов, поскольку я не был 'использовать числа (но понял, что вы не можете / не должны) использовать числа для элементов HTML.

Answer 1

Это должно исправить:

$('#do').click(function() {
  $('#3').val($('#1').val());
});

Для постоянного обновления:

$('#1').keyup(function() {
  $('#3').val($(this).val());
});

Или вы можете использовать размытие для обновления, когда пользователь убирает фокус:

$('#1').blur(function() {
  $('#3').val($(this).val());
});

Я положил все это на jsfiddle, чтобы вы могли поиграть с тем, что работает лучше всего.

http://jsfiddle.net/cefpp/5/

Answer 2

Вот код, который поможет мне

jQuery(".registration_mailingaddress_sep .city input").val(function(i,origText{
   return jQuery('.registration_address_sep .city input').val();
});

Answer 3

Насколько я знаю, идентификаторы, начинающиеся с цифры, не допускаются.Попробуйте использовать разные идентификаторы для элементов input.

Вы также можете использовать консоль Firebug или аналогичную, чтобы проверить, работают ли ваши селекторы или определенные функции.Также консоль будет выводить сообщения об ошибках, если что-то не так.

Answer 4

$('#do').click(function() {
  $('#3').val($('#1').val());
});

Answer 5

$('#do').click( function(){
    $('#3').val( $('#1').val() );
});