首页 美女贴图 网络日记 重庆租房 搜索指南 网络电视 飘网音乐 飘网博客 精彩网址 友情链接 飘网地图 本站留言
飘网中国
专题:网络营销 | 网站设计 | QQ技巧 | 搜索优化 | 菜鸟进阶 | 病毒攻防 | 网络技术 | 系统应用 | 本站作品 | 常用软件 | 工具软件 |
飘网中国>>网站设计>>正文

利用JS实现表单之间传递参数,自动给input赋值

编辑:Admin 来源:飘网 更新:2007-9-5 点击:
【字体:

摘要:利用JS实现表单之间传递参数,自动给input赋值:我们在设计网页的时候,有时需要实现填写完一个表单里input类的内容后,提交后,自动把这个值送给另一个表单的input,实现自动更新,用JS就可以简单的实现这个功能了。
关键字:JS 表单 传递参数 input 赋值 
正文:
    我们在设计网页的时候,有时需要实现填写完一个表单里input类的内容后,提交后,自动把这个值送给另一个表单的input,实现自动更新,用JS就可以简单的实现这个功能了。

代码如下:
======================================================
<script language="JavaScript" type="text/JavaScript">
<!--
//获取表单元素
function ok(){
var a=document.form1.elements;
if(a[0].value==""){alert("您朋友的名字呢?");return false;}
if(a[1].value==""){alert("你自己的名字呢?");return false;}
var b=a[0].name+"="+escape(a[0].value)+"&"+a[1].name+"="+escape(a[1].value);
var c=window.location.href;
var d=c.split("?");
var e=d[0]+"?"+b;
document.form2.text1.value=e; //传递给另外一个表单
window.clipboardData.setData('Text',e); //复制到剪贴板
alert("您朋友的名字是:"+a[0].value+" @\n\n您自己的名字是:"+a[1].value+" @\n\n网页地址已经复制成功!@\n\n您可以使用 Ctrl+V 快捷键粘贴到QQ、论坛、博客里……\n\n快快把 祝福 送给你的亲朋好友吧!\n\n欢迎您的使用-Www.Cn-Pn.Com!");
//window.location.href=e;
}
-->
</script>
<FOrm name="form1" mothod="post" action="">
您朋友的名字<INPUT type="text" name=y maxLength=18 size=18> 
您的名字<INPUT type="text" name=m maxLength=18 size=18>
<INPUT type="button" value="提交" onclick="ok()"></FOrm>
<FOrm name="form2" mothod="post" action="">
追踪值<INPUT type="text" name="text1" maxLength=18 size=18> 
</FOrm>
=======================================================

   注意:把以上这段代码另存为 1.htm ,就可以实现表单之间的参数值的传递了。其中,document.form2.text1.value=e 是实现参数传递的关键。


   另外,对于单选按钮radio,有特殊的处理:

也许这是个很简单的问题,可是在我学习程序的时候忽略了单选按钮。导致对于他的数据传递方法的空缺。经过嗷嗷的帮助实现了下面关于年龄选择的表单的数据获取,仅仅在IE下测试成功了。先测试一下这个程序效果。

下面是form表单

<form method="post" name="form1">
<label><input type="radio" name="radio" value="1-10 岁">1-10岁</label>
<label><input type="radio" name="radio" value="11 岁">11岁</label>
<label><input type="radio" name="radio" value="12-120 岁">12-120岁</label>
<input type="button" onclick="ok()" value="测试选择值">
</form>

下面是js获取数据

<script language="javascript" type="text/javascript">
<!--
function ok(){  
var temp=document.getElementsByName("radio");
for (i=0;i<temp.length;i++){ //遍历Radio
if(temp[i].checked)
{alert("你选择了"+temp[i].value); //获取Radio的值
[1][2]
上一篇:利用js获取html静态页地址后的参数的方法
下一篇:入门教程:Javascript学习讲解(一)
最新文章 更多
推荐文章 更多
热门文章 更多
© 2005-2010 飘网中国 版权所有
站长邮箱:①LCC-749AT163.com ②FlymornATgmail.com(AT改为@)
如转载时,请注明出处;本站部分资源来自网络,如有侵权,请来信说明;飘易文章系统 HTML版.
渝ICP备05000119号