JavaScript實(shí)現(xiàn)同一頁(yè)面內(nèi)兩個(gè)表單互相傳值的方法
本文實(shí)例講述了JavaScript實(shí)現(xiàn)同一頁(yè)面內(nèi)兩個(gè)表單互相傳值的方法。分享給大家供大家參考。具體如下:
有時(shí)候我們?cè)谔峤槐韱蔚臅r(shí)候需要將兩個(gè)表單的值互相傳遞,那么如何實(shí)現(xiàn)呢?其實(shí)很簡(jiǎn)單,就是用JavaScrip獲取任一表單的值,然后賦給另一個(gè),具體可看代碼,代碼很有意思,也很實(shí)用。
運(yùn)行效果截圖如下:
具體代碼如下:
<html> <head> <title>JavaScript同一頁(yè)面兩個(gè)表單互相傳值</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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js動(dòng)態(tài)創(chuàng)建上傳表單通過(guò)iframe模擬Ajax實(shí)現(xiàn)無(wú)刷新
- iframe子父頁(yè)面調(diào)用js函數(shù)示例
- js與jQuery 獲取父窗、子窗的iframe
- js下判斷 iframe 是否加載完成的完美方法
- js iframe跨域訪(fǎng)問(wèn)(同主域/非同主域)分別深入介紹
- js中iframe調(diào)用父頁(yè)面的方法
- js操作iframe的一些方法介紹
- js實(shí)現(xiàn)網(wǎng)頁(yè)防止被iframe框架嵌套及幾種location.href的區(qū)別
- JS中Iframe之間傳值及子頁(yè)面與父頁(yè)面應(yīng)用
- js實(shí)現(xiàn)iframe動(dòng)態(tài)調(diào)整高度的代碼
- jquery ajax提交表單從action傳值到j(luò)sp實(shí)現(xiàn)小結(jié)
- JS實(shí)現(xiàn)向iframe中表單傳值的方法
相關(guān)文章
如何利用JavaScript編寫(xiě)一個(gè)格斗小游戲
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript編寫(xiě)一個(gè)格斗小游戲,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01js查看一個(gè)函數(shù)的執(zhí)行時(shí)間實(shí)例代碼
本篇文章給大家分享一段實(shí)例代碼,主要介紹js查看一個(gè)函數(shù)的執(zhí)行時(shí)間,代碼簡(jiǎn)單易懂,感興趣的朋友一起跟著小編來(lái)學(xué)習(xí)學(xué)習(xí)吧2015-09-09security.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ù)存儲(chǔ)與Django等服務(wù)發(fā)送請(qǐng)求?講解
這篇文章主要為大家介紹了微信小程序的數(shù)據(jù)存儲(chǔ)與Django等服務(wù)發(fā)送請(qǐng)求講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04three.js中g(shù)sap動(dòng)畫(huà)庫(kù)實(shí)現(xiàn)物體的動(dòng)畫(huà)
本文主要介紹了three.js中g(shù)sap動(dòng)畫(huà)庫(kù)實(shí)現(xiàn)物體的動(dòng)畫(huà),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07JavaScript動(dòng)態(tài)生成表格的示例
這篇文章主要介紹了JavaScript動(dòng)態(tài)生成表格的示例,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2020-11-11js購(gòu)物車(chē)實(shí)現(xiàn)思路及代碼(個(gè)人感覺(jué)不錯(cuò))
提起購(gòu)物車(chē)想必只有在一些購(gòu)物網(wǎng)站上才可以看得到,下面為大家介紹下使用js實(shí)現(xiàn)的購(gòu)物車(chē),感興趣的朋友可以參考下2013-12-12