Heim > Web-Frontend > js-Tutorial > JavaScript-Methode zum gegenseitigen Übertragen von Werten zwischen zwei Formularen auf derselben Seite_Javascript-Fähigkeiten

JavaScript-Methode zum gegenseitigen Übertragen von Werten zwischen zwei Formularen auf derselben Seite_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:45:40
Original
1601 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie Sie mit JavaScript Werte zwischen zwei Formularen auf derselben Seite übertragen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Manchmal müssen wir beim Absenden des Formulars die Werte der beiden Formulare aneinander weitergeben. Wie kann dies erreicht werden? Es ist eigentlich ganz einfach: Verwenden Sie einfach JavaScript, um den Wert eines beliebigen Formulars abzurufen, und weisen Sie ihn dann einem anderen zu. Der Code ist sehr interessant und praktisch.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Der spezifische Code lautet wie folgt:

<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>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage