Javascript 将表单输入复制到另一个表单

我有一张表格

<form name="search" action="">

    <label>Job No:</label> 
    <input type="text" name="job" id="job" value=""/> 

    <label>Project:</label> 
    <input type="text" name="project" id="project" value=""/> 

    <input type="submit"  class="search_button" value="Search" /> 

</form>

工作编号：
项目：

还有第二种形式

<form name="search2" action="">

    <label for="from">Start Date:</label> 
    <input type="text" name="from" id="from"  value=""/> 

    <label for="to" >End Date:</label> 
    <input type="text" name="to" id="to"  value="" /> 

    <input type="submit"  class="search_button" value="Search+" />

</form>

开始日期：
结束日期：

单击form2的搜索按钮时，是否有方法使用form1中的输入字段填充form2。 我的实现要求我不将这两种形式连接在一起。

---

谢谢

使用表单2中的隐藏变量来匹配表单1中的元素。在表单提交时，您可以使用javascript copu值，然后提交表单。

是的，在表单的

onsubmit

处理程序中，执行javascript代码从表单1读取字段并将值写入表单2中。返回false，这样您就不会实际提交form2，假设您只想复制

有趣的是，两种形式的字段名不同。但是如果你想复制，它只是JavaScript。

<form name="search2" action="">

   <label for="from">Start Date:</label> 
   <input type="text" name="from" id="from"  value=""/> 

   <label for="to" >End Date:</label> 
   <input type="text" name="to" id="to"  value="" /> 

   <input type="hidden" name="job2" id="job2"/>
   <input type="submit"  class="search_button" value="Search+" />

</form>

<script>
    $('#job').change(function(){
         $('#job2').val( $('#job'));
    });
</script>

开始日期：
结束日期：
$（'#作业'）。更改（函数（）{
$（'job2'）.val（$（'job'））；
});

同样地，第二个字段也是

$("form[name='search2']").submit(function(){
  var form1 = $(this);
  var form2 = $("form[name='search']");

  //Here read all the input elements from form2 and copy into form1 element.

});

---

问题在哪里？我看到两种完全不同的形式。使用jQuery从一个表单中获取值并将它们放到另一个表单中。我不明白您想做什么。你能不能别那么神秘？你的问题没有多大意义。第二个表单有两个字段，显然是用来保存日期的，而第一个表单根本没有日期。我说过，我的实现要求我有两个单独的表单。我只想复制第一个字段上的输入+第二个表单上的输入，然后一起提交。第二个表单的提交发送四个输入。

$form1=$('form[name="search"]');
$form2=$('form[name="search2"]');

$form1.find('.search_button').bind('click', function(e){
    e.preventDefault();
    $form2.children().not('.search_button').each(function(i){
        $(this).clone().appendTo($form2);
    });
});