Copie entrée de forme à une autre forme

Question

J'ai une forme

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

et une seconde forme

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

est-il un moyen de remplir form2 avec les champs d'entrée dans form1 lorsque la le bouton de recherche pour form2 est cliqué. Ma mise en œuvre nécessite que je ne joigne pas les deux formes ensemble. Merci

Answer 1

Utilisez des variables cachées dans form2 correspondant aux éléments de form1. Dans le formulaire, vous pouvez copier les valeurs à l'aide de javascript, puis soumettre le formulaire.

Answer 2

Oui, dans le gestionnaire onsubmit pour la forme, exécutez le code JavaScript pour lire les champs de form1 et écrire les valeurs dans form2. Renvoie false pour que vous ne soumettiez pas form2, en supposant que tout ce que vous voulez faire est de copier. Bizarre cependant que les noms de champs diffèrent entre les deux formes. Mais si vous voulez copier, c'est juste JavaScript.

Answer 3

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

champ de la même seconde trop

Answer 4

Essayez cette

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