快捷導(dǎo)航

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

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

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

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

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

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

具體代碼如下：

<html>
<head>
<title>JavaScript同一頁面兩個(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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