当前位置：首页 -> 技术开发 -> 其他相关 -> javascript表单之间的数据传递

javascript表单之间的数据传递

时间： 2021-07-31 作者：daque

一，最大略的即是同一个网页里的表单的数据传播。举个范例，一个网页上有两个表单，每个表单里一个文本框，一个按钮。点按钮彼此对操抵制方的文本框的值。咱们举的例子是把一个文本框付给另一个文本框。简直的html代码如次： <html> <head> <title>untitled document</title> <meta http-equiv="content-type" content="text/html; charset=utf8"> </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield"> <input type="button" name="submit" value="1--------->2" onclick="ok()"> </form> <form name="form2" method="post" action=""> <input type="text" name="textfield2"> <input type="button" name="submit" value="2----->1" onclick="ok1()"> </form> </body> </html> 之上为html的代码，大师大概提防到了onclik的代码了，有两个因变量，接下来即是javascript的代码了：<script language="javascript"> function ok() { document.form2.textfield2.value=document.form1.textfield.value; } function ok1() { document.form1.textfield.value=document.form2.textfield2.value; } </script> 二，第二种是两个窗口之间的表单的文本框之间数据传播。本来这个不妨在从来的普通长进行少许扩充就不妨了。对于怎样创造弹出窗口，窗体里的表单的代码，在这边就不多说了，此刻在这边说一下怎样操纵父窗口的表单里的文本框的数据。简直代码如次： <script language="javascript"> function ok() { opener.document.form2.textfield2.value=document.form1.textfield.value } </script> 三，第三种即是框架网页之间的表单的文本框之间数据传播. 提防的场合是框架的写法： <frameset cols="505,505"> <frame src="test.htm" name="leftr" id="leftr">//设置框架的称呼 <frame src="test2.htm" id="right" name="right"> </frameset> <noframes><body> </body></noframes> 简直的实行代码如次： <script language="javascript"> function ok() { parent.leftr.document.form2.textfield2.value=document.form1.textfield.value } </script> 这三种窗口之间的文本框数值彼此操纵的简片面法就实行了，其它须要提防的即是她们之间的联系。

javascript表单之间的数据传递

相关推荐

推荐下载

热门阅览

最新排行