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

您可能感興趣的文章:

js遍歷添加欄目類添加css 再點擊其它刪除css【推薦】
這篇文章主要介紹了js遍歷添加欄目類添加css 再點擊其它刪除css的實例代碼,非常不錯，具有一定的參考借鑒借鑒價值，需要的朋友可以參考下
2018-06-06
js中this的用法實例分析
這篇文章主要介紹了js中this的用法,實例分析了js中this的4種常見用法,具有一定參考借鑒價值,需要的朋友可以參考下
2015-01-01
js Element Traversal規(guī)范中的元素遍歷方法
對于元素間的空格，在IE9之前，都不會返回文檔節(jié)點，其它的所有瀏覽器都會返回文檔節(jié)點,為了兼容瀏覽器這間的差異，又不更改已有的DOM 標準，所以有了 Element Traversal 規(guī)范
2018-04-04
JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解
這篇文章主要介紹了JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-02-02
swiper自定義分頁器的樣式
這篇文章主要為大家詳細介紹了swiper自定義分頁器的樣式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
Scala解析Json字符串的實例詳解
這篇文章主要介紹了 Scala解析Json字符串的實例詳解的相關資料,希望通過本文能幫助到大家，讓大家學習理解這部分內容，需要的朋友可以參考下
2017-10-10
OpenCV.js實現(xiàn)喬丹動圖素描效果圖文教程
這篇文章主要為大家介紹了OpenCV.js實現(xiàn)喬丹動圖素描效果的圖文教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
web開發(fā)js字符串拼接占位符及conlose對象Api詳解
本篇文章主要為大家介紹了web開發(fā)中字符串的拼接，占位符的使用以及conlose對象Api的使用，有需要的朋友可以借鑒參考下，希望可以有所幫助
2021-09-09
JS實現(xiàn)頁面跳轉參數(shù)不丟失的方法
這篇文章主要介紹了JS實現(xiàn)頁面跳轉參數(shù)不丟失的方法,結合實例形式對比分析了javascript URL加密函數(shù)escape()、encodeURI()與encodeURIComponent()的功能與相關使用技巧,需要的朋友可以參考下
2016-11-11
基于javascript 顯式轉換與隱式轉換(詳解)
下面小編就為大家分享一篇基于javascript 顯式轉換與隱式轉換(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12