`

Js_表单间数据传递

 
阅读更多
一,同一个网页里的表单的数据传递。 
 
举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下: 
 
<html> 
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> 
<body> 
<form name="form1" method="post" action=""> 
<input type="text" name="textfield"> 
<input type="button" name="Submit" value="1--------->2" onClick="ok()"> 
</form> 
<form name="form2" method="post" action=""> 
<input type="text" name="textfield2"> 
<input type="button" name="Submit" value="2----->1" onClick="ok1()"> 
</form> 
</body> 
</html> 
 
function ok() 
{ document.form2.textfield2.value=document.form1.textfield.value; } 
function ok1() 
{ document.form1.textfield.value=document.form2.textfield2.value; } 
 
二,第二种是两个窗口之间的表单的文本框之间数据传递。
function ok() { opener.document.form2.textfield2.value=document.form1.textfield.value } 
 
三,第三种就是框架网页之间的表单的文本框之间数据传递. 
<frameset cols="505,505"> 
<frame src="test.htm" name="leftr" id="leftr">//定义框架的名称 
<frame src="test2.htm" id="right" name="right"> 
</frameset> 
<noframes><body> 
</body></noframes> 
 
function ok() { parent.leftr.document.form2.textfield2.value=document.form1.textfield.value } 
分享到:
评论

相关推荐

    Javascript_表单之间的数据传递

    Javascript_表单之间的数据传递

    常用web数据传递

    JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数。对JSP、JAVASCRIPT、SERVLET之间数据传递的总结

    Javascript 表单之间的数据传递代码

    一,最简单的就是同一个网页里的表单的数据传递。 举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML...

    android获取html表单数据

    利用javascript相互传递参数 间接获取表单数据

    JS多个表单数据提交下的serialize()应用实例分析

    本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考,具体如下: 在实际开发场景中,难免遇到需要多个表单的数据传递问题。 之所以要进行多表单的数据传递是因为可以进行数据分组,便于...

    基于element组件库封装的动态表单组件

    支持vue3的动态表单组件 // main,js // 引入 vue-ele-form import EleForm from './velFrom' // 挂载 use(EleForm)

    js,模拟表单提交

    再有一些时候我们不得不[removed] = url带参进行一些数据的传递,这时我们又不想将参数就这样放在链接中时,就可以用到这个js。

    Vue表单类的父子组件数据传递示例

    在这里记录一下我平时常用的处理方式,这篇文章主要记录父子组件间的数据传递,非父子组件主要通过Vuex处理,这篇文章暂时不作说明。 与文档里给的方案一样,父组件向子组件传递数据主要通过 props,子组件向父组件...

    JS传大量数据给PHP

    JS通过提交表单的表示将大量的数据传递给服务端PHP,并写入到数据库里

    【JavaScript源代码】Vue动态表单的应用详解.docx

    并且能够在外部得到渲染出来的表单数据,从而做一个入库操作。 v-model的理解 vue-model相当于给表单元素传递一个value,外部监听input事件。所以我们自己封装表单组件的时候也是可以传递一个value值,监听input...

    JS实现动态生成表格并提交表格数据向后端

    本文实例介绍了JS实现动态生成表格并向后端提交表格数据的相关代码,分享给大家供大家参考,具体内容如下 先来看一下需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端...

    form表单传递数组数据、php脚本接收的实例

    下面小编就为大家带来一篇form表单传递数组数据、php脚本接收的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    Vue.js学习课程 共32节课,附源码

    Vue.js学习 课程详细 什么是Vue.js? ...条件与循环 处理用户输入 按钮事件 组件 过滤器 ...JS对象迭代 ...组件:传递数据 组件:传递变量 组件:参数验证 组件:事件传递 组件:slot插槽 组件:组合slot

    JavaScript编程带你一步走!

    java从入门到精通,javascrip简介, javascript对象机制 , java script 对象处理 , 使用技巧 , 表单间的数据传递

    在Js页面通过POST传递参数跳转到新页面详解

    最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL(b.htm),跳转到新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求,所以当传递的数据过大的时候,...

    ractive-validate:Ractive.js 表单数据模型验证

    Ractive.js 表单数据模型验证。 基于对和 等现有库的初步调查问题DOM 操作样式库 (Abide) 与React式模板一起工作得非常糟糕,并且会引起头痛。 数据验证是更好的方法,并且与React式模板方法非常吻合。解决方案当您...

    JavaScript 实例 精粹 整理

    包括:11种用...CSS的常用技巧、IP地址验证、JavaScript Web页面内容导出到Excel、javascript表单之间的数据传递 、Javascript实现广告页面的定时关闭、一百多个JS小技巧、Javascript实现浏览器菜单命令等等。

    基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)

    表单序列化类型的数据是指url传递的数据的格式,形如”key=value&key=value&key=value”这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象?  我们...

Global site tag (gtag.js) - Google Analytics