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鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
JavaScript实现查找字符串中第一个不重复的字符
Dec 29 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
Sep 06 Javascript
JavaScript Split()方法
Dec 18 Javascript
使用vue编写一个点击数字计时小游戏
Aug 31 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
react-native使用leanclound消息推送的方法
Aug 06 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
js实现提交前对列表数据的增删改查
Jan 16 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扩展ZF――Validate扩展
2008/01/10 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
js控制文本框禁止输入特殊字符详解
2017/04/07 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
Python数据类型学习笔记
2016/01/13 Python
Tensorflow实现AlexNet卷积神经网络及运算时间评测
2018/05/24 Python
flask中的wtforms使用方法
2018/07/21 Python
Python最小二乘法矩阵
2019/01/02 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
python路径的写法及目录的获取方式
2019/12/26 Python
appium+python adb常用命令分享
2020/03/06 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
python speech模块的使用方法
2020/09/09 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
公务员群众路线专题民主生活会发言材料
2014/09/17 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
python requests模块的使用示例
2021/04/07 Python
Python matplotlib绘制雷达图
2022/04/13 Python
MySQL的存储过程和相关函数
2022/04/26 MySQL