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

來源:互聯網
上載者:User

本文執行個體講述了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程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.