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 相关文章推荐
js停止输出代码
Jul 20 Javascript
javascript相关事件的几个概念
May 21 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
Apr 28 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
微信小程序 页面跳转传参详解
Oct 28 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
canvas的神奇用法
Feb 03 Javascript
JavaScript实现无刷新上传预览图片功能
Aug 02 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
JavaScript常用8种数组去重代码实例
Sep 09 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 STRING 陷阱原理说明
2010/07/24 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
PHP信号量基本用法实例详解
2016/02/12 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
javascript 面向对象编程基础 多态
2009/08/21 Javascript
js css样式操作代码(批量操作)
2009/10/09 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
用Jquery.load载入页面实现局部刷新
2014/01/22 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
AngularJS入门教程(一):静态模板
2014/12/06 Javascript
JS显示下拉列表框内全部元素的方法
2015/03/31 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
python实现sublime3的less编译插件示例
2014/04/27 Python
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
Python实现12306火车票抢票系统
2019/07/04 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
CSS3 旋转立方体问题详解
2020/01/09 HTML / CSS
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
咨询公司各岗位职责
2013/12/02 职场文书
逃课上网检讨书
2014/02/20 职场文书
服务承诺书范文
2014/05/19 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
大学军训心得体会800字
2016/01/11 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
Python使用Kubernetes API访问集群
2021/05/30 Python