-2
votes

Transmettre de manière dynamique les données d'entrée entre 2 formulaires

J'ai 2 formes dans lesquelles vous souhaitez envoyer la saisie de l'utilisateur d'un nouveau formulaire à l'ancien formulaire. J'essaie de trouver le moyen le plus dynamique d'accomplir cela.

J'ai essayé la boucle et jQuery chaque fonction mais est confuse xxx


3 commentaires

Quel code avez-vous essayé


Cela semble être une question étrange; Qu'essayez-vous d'accomplir cela?


Si vous souhaitez soumettre les mêmes données de formulaire à plusieurs URL différentes, c'est une meilleure pratique de modifier la propriété action


3 Réponses :


2
votes

Vous pouvez faire quelque chose comme ceci:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="new-form">
  <input type="text" placeholder="Name" name="new-name" class="new-name">
  <input type="tel" placeholder="phone" class="new-phone" name="new-phone">
  <input type="email" placeholder="email" class="new-email" name="new-email">
</form>

<form class="old-form hidden">
  <input type="text" placeholder="Name" name="name" class="name">
  <input type="tel" placeholder="phone" class="phone" name="phone">
  <input type="email" placeholder="email" class="email" name="email">
</form>


2 commentaires

ce morceau de code a parfaitement fonctionné :) Merci beaucoup @carsten


@croninja Vous êtes le bienvenu, n'oubliez pas de marquer la réponse qui vous a aidé et résolu votre problème afin que d'autres, avec le même problème, connaissez la solution.



0
votes

Vous pouvez utiliser la touche pour définir des valeurs lorsque vous tapez

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="new-form">
    <input type="text" placeholder="Name" name="new-name" class="new-name">
    <input type="tel" placeholder="phone" class="new-phone" name="new-phone">
    <input type="email" placeholder="email" class="new-email" name="new-email">
</form>

<form class="old-form hidden">
    <input type="text" placeholder="Name" name="name" class="name">
    <input type="tel" placeholder="phone" class="phone" name="phone">
    <input type="email" placeholder="email" class="email" name="email">
</form>


0 commentaires

0
votes

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="new-form">
	<input type="text" placeholder="Name" name="new-name" class="new-name" onkeyup="$('#name').val(this.value)">
	<input type="tel" placeholder="phone" class="new-phone" name="new-phone" onkeyup="$('#phone').val(this.value)">
	<input type="email" placeholder="email" class="new-email" name="new-email" onkeyup="$('#email').val(this.value)">
</form>

<form class="old-form hidden">
	<input type="text" placeholder="Name" name="name" class="name" id="name">
	<input type="tel" placeholder="phone" class="phone" name="phone" id="phone">
	<input type="email" placeholder="email" class="email" name="email" id="email">
</form>


0 commentaires