jquery - 无法将输入字段值复制到另一个字段？

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 中的值一旦输入，我大概可以通过将其绑定(bind)到 onBlur 来做到这一点.

我做错了什么？

编辑:更新了 ID 名称，因为我没有使用数字(但意识到您不能/不应该)对 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/