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 相关文章推荐
强大的jquery插件jqeuryUI做网页对话框效果!简单
Apr 14 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
javascript获取wx.config内部字段解决微信分享
Mar 09 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
jQuery Raty 一款不错的星级评分插件
Aug 24 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
webpack external模块的具体使用
Mar 10 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 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/03/23 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
jQuery实现菜单栏导航效果
2017/08/15 jQuery
微信小程序模板(template)使用详解
2018/01/31 Javascript
浅谈vue项目如何打包扔向服务器
2018/05/08 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
python实现斐波那契数列的方法示例
2017/01/12 Python
实例讲解python中的序列化知识点
2018/10/08 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
详解Python 中的容器 collections
2020/08/17 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
python -v 报错问题的解决方法
2020/09/15 Python
python 实现简易的记事本
2020/11/30 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
css3实现简单的白云飘动背景特效
2020/10/28 HTML / CSS
Html5 Canvas动画基础碰撞检测的实现
2018/12/06 HTML / CSS
面向中国市场的在线海淘美妆零售网站:Beauty House美丽屋
2021/03/02 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
《问银河》教学反思
2014/02/19 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
挂职学习心得体会
2014/09/09 职场文书
班主任高考寄语
2015/02/26 职场文书
英文版辞职信
2015/02/28 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android