JavaScript实现同一页面内两个表单互相传值的方法
更新时间：2015年08月12日 10:30:41 作者：企鹅
这篇文章主要介绍了JavaScript实现同一页面内两个表单互相传值的方法,涉及javascript鼠标事件及页面元素赋值操作的相关技巧,需要的朋友可以参考下
本文实例讲述了JavaScript实现同一页面内两个表单互相传值的方法。分享给大家供大家参考。具体如下：
有时候我们在提交表单的时候需要将两个表单的值互相传递，那么如何实现呢？其实很简单，就是用JavaScrip获取任一表单的值，然后赋给另一个，具体可看代码，代码很有意思，也很实用。
运行效果截图如下：
具体代码如下：
<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程序设计有所帮助。
相关文章
这篇文章主要为大家分享了B/S(Web)实时通讯的解决方案，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
ES6中Proxy与Reflect实现重载(overload)的方法
这篇文章主要介绍了ES6中Proxy与Reflect实现重载(overload)的方法,分析了重载的原理及使用Proxy和Reflect来实现重载的操作步骤与相关技巧,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了JScript实现简单的表格操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了JavaScript基于面向对象之创建对象，对创建对象进行了详细描述，感兴趣的小伙伴们可以参考一下2015-12-12
JavaScript格式化日期时间的方法和自定义格式化函数示例
JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面说说我总结的JavaScript时间格式化方法2014-04-04
一些柱形图在数据量比较多的时候,横向排列受到挤压,导致柱形图,变的非常细,影响整体的效果,下面这篇文章主要给大家介绍了关于echarts柱状堆叠图(图例和x轴都是动态的)的相关资料,需要的朋友可以参考下2023-04-04
大家都喜欢用innerHTML添加内容，但是innerHTML这东西在两大阵营中有许多不同。2010-02-02
最近使用uniapp做一个评论的功能,遇到一个需求就是点击上面的评论图标,让定位在底部的input框聚焦,下面这篇文章主要给大家介绍了关于uniapp如何手动实现让input文本框聚焦效果的相关资料,需要的朋友可以参考下2023-12-12
近几日使用uni-app开发移动应用APP遇到了个不常见的需求,下面这篇文章主要给大家介绍了关于uniapp自定义应用退出执行内容的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了js实现的二分查找算法,结合实例形式较为详细的分析了JavaScript简单实现二分查找算法的运算原理与具体步骤,需要的朋友可以参考下2016-01-01
最新评论