javascript表单之间的数据传递

xml 代码
  1. javascript表单之间的数据传递    
  2. 一,最简单的就是同一个网页里的表单的数据传递。    
  3.   
  4.      举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下:   
  5.   
  6.   
  7. CODE:<html>  
  8. <head>  
  9. <title>Untitled Document</title>  
  10. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  11. </head>  
  12. <body>  
  13.   
  14. <form name="form1" method="post" action="">  
  15.   <input type="text" name="textfield">  
  16.   <input type="button" name="Submit" value="1---------&gt;2" onClick="ok()">  
  17. </form>  
  18.   
  19. <form name="form2" method="post" action="">  
  20.   <input type="text" name="textfield2">  
  21.   <input type="button" name="Submit" value="2-----&gt;1" onClick="ok1()">  
  22. </form>  
  23.   
  24. </body>  
  25. </html>  
  26. 以上为HTMl的代码,大家可能注意到了onclik的代码了,有两个函数,接下来就是JAVASCRIPT的代码了:   
  27.   
  28.   
  29. CODE:<script language="JavaScript">  
  30. function ok()   
  31. {   
  32.   documentdocument.form2.textfield2.value=document.form1.textfield.value;   
  33. }   
  34. function ok1()   
  35. {   
  36. documentdocument.form1.textfield.value=document.form2.textfield2.value;   
  37. }   
  38. </script>  
  39. 二,第二种是两个窗口之间的表单的文本框之间数据传递。   
  40.   
  41.   其实这个可以在原来的基础上进行一些扩展就可以了。关于如何创建弹出窗口,窗体里的表单的代码, 在这里就不多说了,现在在这里说一下如何操作父窗口的表单里的文本框的数据。具体代码如下:   
  42.   
  43.   
  44. CODE:<script language="JavaScript">  
  45. function ok()   
  46. {   
  47.   opener.document.form2.textfield2.value=document.form1.textfield.value   
  48. }   
  49. </script>  
  50. 三,第三种就是框架网页之间的表单的文本框之间数据传递.   
  51.   
  52.         注意的地方是框架的写法:   
  53.   
  54.   
  55. CODE:<frameset cols="505,505">  
  56.   <frame src="test.htm" name="leftr" id="leftr">//定义框架的名称   
  57.   <frame src="test2.htm" id="right" name="right">  
  58. </frameset>  
  59. <noframes><body>  
  60.   
  61. </body></noframes>  
  62. 具体的实现代码如下:   
  63.   
  64.   
  65. CODE:<script language="JavaScript">  
  66. function ok()   
  67. {   
  68.   parent.leftr.document.form2.textfield2.value=document.form1.textfield.value   
  69. }   
  70. </script>  
  71. 这三种窗口之间的文本框数值互相操作的简单方法就实现了,其它需要注意的就是他们之间的关系。    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值