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

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

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

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

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

運(yùn)行效果截圖如下：

具體代碼如下：

<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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

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