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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Feb 14 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 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
WINDOWS服务器安装多套PHP的另类解决方案
2006/10/09 PHP
推荐文章系统(一)
2006/10/09 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
用于table内容排序
2006/07/21 Javascript
jQuery 常见学习网站与参考书
2009/11/09 Javascript
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
React传值 组件传值 之间的关系详解
2019/08/26 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
简单了解常用的JavaScript 库
2020/07/16 Javascript
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
Python正则捕获操作示例
2017/08/19 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
对Python中9种生成新对象的方法总结
2018/05/23 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
python进程池实现的多进程文件夹copy器完整示例
2019/11/27 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
python代码如何注释
2020/06/01 Python
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
集体婚礼证婚词
2014/01/13 职场文书
法院执行局工作总结
2015/08/11 职场文书
创新创业项目计划书该怎样写?
2019/08/13 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
Python编程源码报错解决方法总结经验分享
2021/10/05 Python