Question

我正在尝试将一个输入字段复制到另一个页面中的另一个输入字段。该场景是当用户按下按钮以从一个表单提交输入字段转到另一个表单时。

这就是我所做的。它将输入字段复制到另一个字段。

 <input type="text"id="EmailAddress" name="EmailAddress" value="" >
 <input type="text" id="Username" name="Username" value="">

$("#EmailAddress").keyup(function(){
    $("#Username").val(this.value);
});

这是我找到的另一个解决方案，但是这个解决了输入并添加了一个新解决方案。

 <input type="text" onchange="document.body.appendChild(this.cloneNode(true))" />

更新 - 我得到了它 - 我正在为任何需要它的人发布解决方案

第一表格：

<form action="/register-form/" method="get"><input style="float: right;" name="search" type="submit" value="FREE TRIAL" />

第二种形式：

<form id="registration_form" class="form-horizontal" 
action="PHP_CRM_URL_HERE" method="get" name="registration_form">
<div class="form-group">
<div class="col-sm-6">
<input id="yourEmail" class="form-control input-group-lg reg_name" 
style="height: 50px;" title="yourEmail" name="yourEmail" type="yourEmail"
value="[insert_php] echo $emailValue; [/insert_php]" placeholder="Email 
Address" />
</div>
<div class="col-sm-6">
<input id="yourPhone" class="form-control input-group-lg reg_name"
style="height: 50px;" title="yourPhone" name="yourPhone" type="yourPhone"
placeholder="Mobile Number" />
</div>
</div>
<!--/form-group-->
<div class="form-group">
<div class="col-sm-12">
<input id="yourPassword" class="form-control input-group-lg reg_name" 
style="height: 50px;" title="yourPassword" name="yourPassword"
type="yourPassword" placeholder="Password" />
</div>
</div>
<!--/form-group-->
<p style="text-align: center;"><button class="contact-submit"
style="background: #ca0002 none repeat scroll 0px 0px; border-radius: 2px; 
color: #ffffff; width: 12%; height: 45px;" 
type="submitContactForm">Register</button></p>
</form>

PHP代码用于解析第一种形式的输入字段

<?php
$emailValue = $_REQUEST['term'] ? $_REQUEST['term'] : null;
?>

Answer 1

我希望这会让你开始朝着你想去的方向前进。

这个fiddle只显示了在保存表单数据时隐藏第一个表单的基本机制，然后显示了包含该数据的第二个表单。如果您想将该数据交给服务器，您还需要提交ajax请求以提交第一个表单。

如果要对服务器执行完整的POST请求，然后重定向到新表单，则session storage就是这种情况。因此，在提交功能中，您可以执行以下操作：

sessionStorage.setItem('emailAddress',$('#EmailAddress').val());

然后当您在下一页上加载表单时，您可以将数据拉回来预填充它：

$('#EmailAddress').val(sessionStorage.getItem('emailAddress')||'');

将输入字段从一个文件复制到另一个页面

1 个答案: