Maison >interface Web >js tutoriel >Méthode JavaScript pour transférer des valeurs entre eux entre deux formulaires sur la même page_javascript skills

Méthode JavaScript pour transférer des valeurs entre eux entre deux formulaires sur la même page_javascript skills

WBOYoriginal: 2016-05-16 15:45:401603parcourir

L'exemple de cet article décrit comment utiliser JavaScript pour transférer des valeurs entre deux formulaires sur la même page. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Parfois, nous devons nous transmettre les valeurs des deux formulaires lors de la soumission du formulaire, alors comment y parvenir ? C'est en fait très simple, il suffit d'utiliser JavaScript pour obtenir la valeur de n'importe quel formulaire, puis de l'attribuer à un autre. Vous pouvez voir le code pour plus de détails. Le code est très intéressant et pratique.

La capture d'écran de l'effet en cours d'exécution est la suivante :

Le code spécifique est le suivant :

<html>
<head>
<title>JavaScript同一页面两个表单互相传值</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
function ok()
{
 document.form2.textfield2.value=document.form1.textfield.value;
}
function ok1()
{
document.form1.textfield.value=document.form2.textfield2.value;
}
</script>
<body>
<form name="form1" method="post" action="">
 <input type="text" name="textfield">
 <input type="button" name="Submit" value="A表单->传值给B表单" onClick="ok()">
</form>
<form name="form2" method="post" action="">
 <input type="text" name="textfield2">
 <input type="button" name="Submit" value="B表单->传值给A表单" onClick="ok1()">
</form>
</body>
</html>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Réalisation d'un effet machine à écrire basé sur les compétences Css3 et JQuery_javascriptArticle suivant：Réalisation d'un effet machine à écrire basé sur les compétences Css3 et JQuery_javascript

Articles Liés

Voir plus