首頁 > web前端 > js教程 > JavaScript實作同一頁面內兩個表單互傳值的方法_javascript技巧

JavaScript實作同一頁面內兩個表單互傳值的方法_javascript技巧

WBOY
發布: 2016-05-16 15:45:40
原創
1601 人瀏覽過

本文實例講述了JavaScript實作同一頁面內兩個表單互傳值的方法。分享給大家供大家參考。具體如下:

有時候我們在提交表單的時候需要將兩個表單的值互相傳遞,那麼如何實現呢?其實很簡單,就是用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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板