首 页 ┆ 源码下载 ┆ IT学院 ┆ 字体下载 ┆ 模板下载 ┆ 源码发布 ┆ 广告合作 ┆ 网站地图
► 设为首页
► 加入收藏
► 联系我们
源码下载 >> ASP源码 | PHP源码 | ASP.net源码 | JSP源码 | CGI源码 | VC/C++源码 | VB源码 | Delphi源码 | Flash源码
文章学院 >> 网络编程 | 网页设计 | 图形图象 | 数据库 | 服务器 | 网络媒体 | 网络安全 | 操作系统 | 办公软件 | 软件开发 | 黑客知识
字体下载 >> 精制字体 | 非英字体 | 艺术字体 | 著名字体 | 哥特式 | 简单字体 | 手写体 | 节假日 | 图案字体 | 精度像素 | 中文字体
模板下载 >> 企业门户 | 数码网络 | 休闲娱乐 | 影视音乐 | 旅游名胜 | 文化艺术 | 电子商务 | 个性展示 | 登陆导航 | Flash模板
►►您当前的位置：源码园 → IT学院 → 网络编程 → 其他相关 → 文章内容

javascript表单之间的数据传递

作者：无从考证  来源：不详,太平洋电脑网  发布时间：2007-2-6 18:12:46
一，最简单的就是同一个网页里的表单的数据传递。
     举个实例，一个网页上有两个表单，每个表单里一个文本框，一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下：
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="form1" method="post" action="">
  <input type="text" name="textfield">
  <input type="button" name="Submit" value="1--------->2" >
</form>
<form name="form2" method="post" action="">
  <input type="text" name="textfield2">
  <input type="button" name="Submit" value="2----->1" >
</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>
    这三种窗口之间的文本框数值互相操作的简单方法就实现了，其它需要注意的就是他们之间的关系。
[] [返回上一页] [打 印]
  • 上一篇文章：JS部分通用函数
  • 下一篇文章：制作Javascript弹出窗口技巧九则

    • 相关文章：
  • Java Servlet开发三层数据库程序
  • [图文]Java编程中查询结果表格式输出
  • 安装JDK 就可同时运行PHP和Java？
  • PHP：编程界巨无霸 目标直指Java
  • [组图][JAVA]十四种Java开发工具点评
  • [组图]初学java常用开发工具介绍
  • 用Java实现HTTP文件队列下载
  • Java编程中更新XML文档的常用方法
  • Java学习从入门到精通 4方法篇
  • Singleton在Java中的应用
  • Java学习从入门到精通 3过程篇
  • Java学习从入门到精通 2书籍篇
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 源码发布
Copyright © 2003-2009 Ymyasp.Com. All Rights Reserved .
备案序号:粤ICP备07029071号