摘要:
利用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]