Скопировать ввод данных в другую форму

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

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

Answer 3

Попробуйте это

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

Да, в обработчике onsubmit для формы выполните код JavaScript, чтобы прочитать поля из формы form1 и записать значения в форму form2.Верните false, чтобы вы на самом деле не отправляли form2, при условии, что все, что вам нужно сделать, это скопировать.

Забавно, что имена полей различаются между двумя формами.Но если вы хотите скопировать, это просто JavaScript.

Answer 5

Используйте скрытые переменные в form2, соответствующие элементам в form1. При отправке формы вы можете скопировать значения, используя javascript, а затем отправить форму.