Javascript 在Wordpress中复制表单数据

Javascript 在Wordpress中复制表单数据,javascript,jquery,wordpress,forms,Javascript,Jquery,Wordpress,Forms,我有一个Wordpress站点,我需要在一个单独的页面上将表单输入数据从一个小表单传递到一个大表单 小表单包含3个字段,位于站点的header.php文件中: <form role="form" class="formsmall"> <div class="form-group"> <label class="sr-only" for="firstname">First Name</label> <input type="

我有一个Wordpress站点,我需要在一个单独的页面上将表单输入数据从一个小表单传递到一个大表单

小表单包含3个字段,位于站点的header.php文件中:

<form role="form" class="formsmall">
  <div class="form-group">
    <label class="sr-only" for="firstname">First Name</label>
    <input type="text" class="form-control" id="firstname" placeholder="First Name">
  </div>
  <div class="form-group">
    <label class="sr-only" for="lastname">Last Name</label>
    <input type="text" class="form-control" id="lastname" placeholder="Last Name">
  </div>
 <div class="form-group">
    <label class="sr-only" for="email">Email</label>
    <input type="text" class="form-control" id="email" placeholder="Email Address">
  </div>

<a href="http://poweredby-staging.fundrazr.com/?page_id=253#register"><button type="button" class="btn btn-lg btn-success">Get Started</button></a>
</form>

名字
姓
电子邮件
大表单是Mailchimp表单,代码发布在Wordpress页面中

我知道您必须使用jQuery或javascript来复制数据,但我尝试了几种方法,但没有一种有效。请帮忙

**删除文本**

小例子:

 <input class="required" id="mce-FNAME" type="text" name="FNAME" value="<?php print (!empty($_POST['FNAME']) ? $_POST['FNAME'] : ''); ?>">

更具体地说,单击按钮时,我希望将用户的名字、姓氏和电子邮件复制到大型formuse$\u POST。。。有什么问题吗?好的,谢谢,这就是我想要的。我将您示例中的php代码添加到大表单中,我必须使用插件使php在wordpress页面上工作。那么,我应该在我的按钮中添加什么才能让$u POST工作呢?对不起,我是新来的……我误解了你。你指的是哪个按钮?get started(开始)按钮只是链接到另一个表单。get started(开始)我不知道如何让它将值发布到另一个表单。将type=“button”更改为type=“提交。等等,我给你一个HTML更新。好的,谢谢你的帮助。我试过了,但没用。。。当我单击按钮时,现在什么都没有发生,不会链接到其他页面,并且当我手动导航到那里时,不会复制该值。如有其他建议,我们将不胜感激
<form role="form" action="http://poweredby-staging.fundrazr.com/?page_id=253#register" method="post" class="formsmall">
<div class="form-group">
    <label class="sr-only" for="firstname">First Name</label>
    <input type="text" class="form-control" id="firstname" placeholder="First Name" name="FNAME" />
</div>
<div class="form-group">
    <label class="sr-only" for="lastname">Last Name</label>
    <input type="text" class="form-control" id="lastname" placeholder="Last Name" name="LNAME" />
</div>
<div class="form-group">
    <label class="sr-only" for="email">Email</label>
    <input type="text" class="form-control" id="email" placeholder="Email Address" name="EMAIL" />
</div>

<button type="submit" class="btn btn-lg btn-success">Get Started</button>