Question

我正在尝试使用jQuery将一个表单<input>字段值复制到另一个表单。简单吧？好吧，我必须做错事，因为我的代码不起作用。这就是我所拥有的：

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，我可以将其绑定到{{1}}。

我做错了什么？

编辑：更新的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/

Answer 2

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

Answer 3

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

Answer 4

据我所知，不允许以数字开头的ID。尝试为input元素使用不同的ID。

您还可以使用Firebug或类似的控制台来检查您的选择器或某些功能是否正常工作。如果出现问题，控制台也会输出错误信息。

Answer 5

以下是帮助我的代码

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

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

5 个答案: