JavaScript實現(xiàn)同一頁面內兩個表單互相傳值的方法

更新時間：2015年08月12日 10:30:41 作者：企鵝

這篇文章主要介紹了JavaScript實現(xiàn)同一頁面內兩個表單互相傳值的方法,涉及javascript鼠標事件及頁面元素賦值操作的相關技巧,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)同一頁面內兩個表單互相傳值的方法。分享給大家供大家參考。具體如下：

有時候我們在提交表單的時候需要將兩個表單的值互相傳遞，那么如何實現(xiàn)呢？其實很簡單，就是用JavaScrip獲取任一表單的值，然后賦給另一個，具體可看代碼，代碼很有意思，也很實用。

運行效果截圖如下：

具體代碼如下：

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

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

如何利用JavaScript編寫一個格斗小游戲
這篇文章主要給大家介紹了關于如何利用JavaScript編寫一個格斗小游戲，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-01-01
微信小程序模板和模塊化用法實例分析
這篇文章主要介紹了微信小程序模板和模塊化用法,結合實例形式分析了微信小程序中的模板與模塊化概念與簡單使用技巧,需要的朋友可以參考下
2017-11-11
對layui中table組件工具欄的使用詳解
今天小編就為大家分享一篇對layui中table組件工具欄的使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
js同源策略詳解
這篇文章主要介紹了js同源策略,較為詳細的分析了javascript中同源策略的概念與相關應用注意事項,需要的朋友可以參考下
2015-05-05
js查看一個函數(shù)的執(zhí)行時間實例代碼
本篇文章給大家分享一段實例代碼，主要介紹js查看一個函數(shù)的執(zhí)行時間，代碼簡單易懂，感興趣的朋友一起跟著小編來學習學習吧
2015-09-09
security.js實現(xiàn)的RSA加密功能示例
這篇文章主要介紹了security.js實現(xiàn)的RSA加密功能,結合實例形式分析了基于security.js進行RSA加密的相關操作技巧,需要的朋友可以參考下
2018-06-06
微信小程序的數(shù)據(jù)存儲與Django等服務發(fā)送請求?講解
這篇文章主要為大家介紹了微信小程序的數(shù)據(jù)存儲與Django等服務發(fā)送請求講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-04-04
three.js中gsap動畫庫實現(xiàn)物體的動畫
本文主要介紹了three.js中gsap動畫庫實現(xiàn)物體的動畫，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
JavaScript動態(tài)生成表格的示例
這篇文章主要介紹了JavaScript動態(tài)生成表格的示例，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-11-11
js購物車實現(xiàn)思路及代碼(個人感覺不錯)
提起購物車想必只有在一些購物網(wǎng)站上才可以看得到，下面為大家介紹下使用js實現(xiàn)的購物車，感興趣的朋友可以參考下
2013-12-12