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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
js获取图片长和宽度的代码
Nov 24 Javascript
jQuery 性能优化手册 推荐
Feb 23 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
vue中mint-ui的使用方法
Apr 04 Javascript
基于ssm框架实现layui分页效果
Jul 27 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 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
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
用Simple Excel导出xls实现方法
2012/12/06 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
js调试系列 源码定位与调试[基础篇]
2014/06/18 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
2016/06/27 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
js定时器实例分享
2016/12/20 Javascript
vue axios用法教程详解
2017/07/23 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
vue+flask实现视频合成功能(拖拽上传)
2021/03/04 Vue.js
Tornado实现多进程/多线程的HTTP服务详解
2019/07/25 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍
2020/02/25 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
大学生护理专业自荐信
2013/10/03 职场文书
办公室前台岗位职责
2014/01/04 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
介绍信格式
2015/01/30 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android