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 相关文章推荐
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
js比较和逻辑运算符的介绍
Mar 10 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
jquery实现的伪分页效果代码
Oct 29 Javascript
javascript学习小结之prototype
Dec 03 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
vue中用H5实现文件上传的方法实例代码
May 27 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 Javascript
javascript面向对象创建对象的方式小结
Jul 29 Javascript
Nuxt使用Vuex的方法示例
Sep 06 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 ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
php实现约瑟夫问题的方法小结
2015/03/23 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
网页和浏览器兼容性问题汇总(draft1)
2009/06/01 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
nodejs爬虫遇到的乱码问题汇总
2017/04/07 NodeJs
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
p5.js入门教程之图片加载
2018/03/20 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python利用IPython提高开发效率
2016/08/10 Python
Python算术运算符实例详解
2017/05/31 Python
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
dpn网络的pytorch实现方式
2020/01/14 Python
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
联想英国官网:Lenovo英国
2019/07/17 全球购物
营销总监岗位职责范本
2014/02/26 职场文书
森林病虫害防治方案
2014/06/02 职场文书
创先争优标语
2014/06/27 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
销售经理助理岗位职责
2015/04/13 职场文书