Question

我有一张表格

<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 。我的实现要求我不要将两种形式一起加入。感谢

Answer 1

<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>

同样也是第二个领域

Answer 2

在form2中使用与form1中的元素匹配的隐藏变量。在表单提交上，您可以使用javascript复制值，然后提交表单。

Answer 3

是的，在表单执行JavaScript代码的onsubmit处理程序中读取form1中的字段并将值写入form2。返回false，因此您实际上并未提交form2，假设您要做的就是复制。

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

Answer 4

试试这个

$("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.

});

Answer 5

$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);
    });
});

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

5 个答案: