Rumah > hujung hadapan web > tutorial js > Kaedah JavaScript untuk memindahkan nilai antara satu sama lain antara dua bentuk pada kemahiran javascript page_javascript yang sama

Kaedah JavaScript untuk memindahkan nilai antara satu sama lain antara dua bentuk pada kemahiran javascript page_javascript yang sama

WBOY
Lepaskan: 2016-05-16 15:45:40
asal
1597 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk memindahkan nilai antara dua bentuk pada halaman yang sama. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kadang-kadang kita perlu menghantar nilai kedua-dua borang kepada satu sama lain semasa menghantar borang, jadi bagaimana untuk mencapai ini? Ia sebenarnya sangat mudah, hanya gunakan JavaScript untuk mendapatkan nilai apa-apa bentuk, dan kemudian berikannya kepada yang lain Anda boleh melihat kod untuk butirannya.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut:

<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>
Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan