邮件订阅
5ucms培训,javascript表单之间的数据传递!
作者: 来源: 日期:2015/11/15 9:43:59 浏览量:64(滞后) 人气:LOADING...(实时) 【

5ucms培训,javascript表单之间的数据传递!

      今天有朋友问我关于用JAVASCRIPT来进行页面各表单之间的数据传递的问题,我以前也写过,不过从来没有注意,今天总结了一下,希望能够给大家一些帮助,也帮助我总结以前学过,用过的知识。

    一,最简单的就是同一个网页里的表单的数据传递。

     举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="C>
</head>
<body>

<form name="form1" method="post" acti>
  <input type="text" name="textfield">
  <input type="butt value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050606/1--------->2" >
</form>

<form name="form2" method="post" acti>
  <input type="text" name="textfield2">
  <input type="butt value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050606/2----->1" >
</form>

</body>
</html>

以上为HTMl的代码,大家可能注意到了>
functi>
functi>
  <frame src="http://www.dedecms.com/web-art/htmlbase/Javascript/20050606/test.htm" name="leftr" id="leftr">//定义框架的名称
  <frame src="http://www.dedecms.com/web-art/htmlbase/Javascript/20050606/test2.htm" id="right" name="right">
</frameset>
<noframes><body>

</body></noframes>
具体的实现代码如下:
<script language="JavaScript">
function ok()
{
  parent.leftr.document.form2.textfield2.value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050606/document.form1.textfield.value
}
</script>
    这三种窗口之间的文本框数值互相操作的简单方法就实现了,其它需要注意的就是他们之间的关系。

   其实很简单的,现丑了,希望大家互相交流,QQ:171476439,

 


选择5ucms.org 选择未来

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms培训,用Javascript写的一个映射表(MAP)类--续
下一篇:5ucms仿站,让网页自动穿上外套
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms培训,javascript表单之间的数据传递!的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org