jQuery将文本字段的值从不同的表单复制到另一个表单的文本字段答案

【问题标题】：jQuery Copy text field's value from a different form into another form's text fieldjQuery将文本字段的值从不同的表单复制到另一个表单的文本字段
【发布时间】：2013-02-25 16:10:04
【问题描述】：

我有两种形式。

我想将表单 1 中的一个文本字段的值复制到表单 2 中的另一个文本字段中。

文本字段名称和 ID 不同。

我怎样才能做到这一点？

这不起作用：

document.getElementById('name').value = document.getElementById('user').value;

谢谢！

【问题讨论】：

您是否使用 jQuery - 因为那是您在问题中发布的 vanilla js？
检查重复的 ID，这是无效的，并且有可能使上述失败。

标签： javascript jquery html forms

【解决方案1】：

如果您要求使用 jQuery，您可以尝试：

$("#name").val($("#user").val());

【讨论】：

像魅力一样工作！非常感谢！

【解决方案2】：

http://jsbin.com/exudif/2/

$(document).ready(function()
{
    $('#btn1').click(function()
    {
         $('#field2').val($('#field1').val());
    });
});

【讨论】：

【解决方案3】：

要使用 jquery 获取值。必须以这种方式完成。还要确保您已为输入字段提供了 id。

像这样：<input type='text' name='user' id='user' >

那么只有这段代码才能正常工作

$(document).ready(function()
{
    $('#buttonElement').click(function()
    {
         $('#name').val($('#user').val());
    });
});

【讨论】：