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 文本框使用小结
May 22 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
JavaScript的21条基本知识点
Mar 04 Javascript
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
Three.js基础部分学习
Jan 08 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
Mar 15 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
微信小程序实现打卡签到页面
Sep 21 Javascript
Vue+penlayers实现多边形绘制及展示
Dec 24 Vue.js
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维护文件系统
2006/10/09 PHP
第十四节--命名空间
2006/11/16 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
逻辑表达式中与或非的用法详解
2016/06/06 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
2019/09/07 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
python文件和目录操作函数小结
2014/07/11 Python
python通过文件头判断文件类型
2015/10/30 Python
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
神经网络python源码分享
2017/12/15 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
Python多进程原理与用法分析
2018/08/21 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
英文版餐饮运营管理求职信
2013/11/06 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
2014年个人委托书范本
2014/10/13 职场文书
继承权公证书范本
2015/01/23 职场文书
护理工作个人总结
2015/03/03 职场文书
记一次Mysql不走日期字段索引的原因小结
2021/10/24 MySQL
Java8中接口的新特性使用指南
2021/11/01 Java/Android
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js