JavaScript实现同一页面内两个表单互相传值的方法


Posted in Javascript onAugust 12, 2015

本文实例讲述了JavaScript实现同一页面内两个表单互相传值的方法。分享给大家供大家参考。具体如下:

有时候我们在提交表单的时候需要将两个表单的值互相传递,那么如何实现呢?其实很简单,就是用JavaScrip获取任一表单的值,然后赋给另一个,具体可看代码,代码很有意思,也很实用。

运行效果截图如下:

JavaScript实现同一页面内两个表单互相传值的方法

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
javascript显示选择目录对话框的代码
Nov 10 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
Ajax执行顺序流程及回调问题分析
Dec 10 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
Vue.js单向绑定和双向绑定实例分析
Aug 14 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
vue引入axios同源跨域问题
Sep 27 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 #Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 #Javascript
JavaScript入门基础
Aug 12 #Javascript
js实现将选中值累加到文本框的方法
Aug 12 #Javascript
javascript实现简单的分页特效
Aug 12 #Javascript
JavaScript实现网站访问次数统计代码
Aug 12 #Javascript
jquery+ajax请求且带返回值的代码
Aug 12 #Javascript
You might like
PHP函数实现从一个文本字符串中提取关键字的方法
2015/07/01 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
JavaScript 常用函数
2009/12/30 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
JavaScript实现省市县三级级联特效
2017/05/16 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
手写简单的jQuery雪花飘落效果实例
2018/04/22 jQuery
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
Linux内核产生并发的原因
2016/11/08 面试题
应用化学专业职业生涯规划书
2013/12/31 职场文书
交通安全演讲稿
2014/01/07 职场文书
材料会计岗位职责
2014/03/06 职场文书
农村葬礼主持词
2014/03/31 职场文书
敬老院标语
2014/06/27 职场文书
保密工作目标责任书
2014/07/28 职场文书
民事申诉状范本
2015/05/20 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
宪法宣传标语100条
2019/10/15 职场文书
python Tkinter的简单入门教程
2021/04/11 Python