您的位置：首页 > Web前端 > JavaScript

JavaScript实现页面传值

2010-05-27 15:27 232 查看

我还是菜鸟，请大家多指教！

页面一：

<html>
<head>
<title> 页面传值一 </title>
<script>
function funShow()
{
var arr=new Array(6);
var arrs = showModalDialog("页面传值二.html");
for(i=0;i<6;i++)
{
arr[i]=arrs.substr(0,arrs.indexOf(","));
arrs=arrs.substr(arrs.indexOf(",")+1,arrs.length);
}
document.getElementById("f1").innerHTML=arr[0];
document.getElementById("f2").innerHTML=arr[1];
document.getElementById("f3").innerHTML=arr[2];
document.getElementById("f4").innerHTML=arr[3];
document.getElementById("f5").innerHTML=arr[4];
document.getElementById("f6").innerHTML=arr[5];
}
</script>
</head>
<body>
   <a href="javascript:funShow()">填表</a><br/><br/>
   Id:     <font id="f1"></font><br/>
   Name:   <font id="f2"></font><br/>
   Class:  <font id="f3"></font><br/>
   Like1:  <font id="f4"></font><br/>
   Like2:  <font id="f5"></font><br/>
   Like3:  <font id="f6"></font><br/>
</body>
</html>
页面二：

<html>
<head>
<title> 页面传值二 </title>
<script>
function funTxtId() //对Id进行验证的方法
{
var txtid = document.getElementById("txtId").value;
if(txtid.length == 0)
{
document.getElementById("ftxtId").innerHTML="*";
}else
if(txtid.substr(txtid.length-2,txtid.length+1)!="ab")
{
document.getElementById("ftxtId").innerHTML="后两位必需是ab";
}else
if(txtid.length!=6)
{
document.getElementById("ftxtId").innerHTML="Id必需是六位";
}
else
{
document.getElementById("ftxtId").innerHTML="";
}
return txtid+",";
}

function funtxtName() //对Name 进行验证的方法
{
var namel = document.getElementById("txtName").value;
if(namel.length != 0)
{
if(namel.length>16)
{
document.getElementById("fName").innerHTML="Name的长度不能超过16位";
}
else
{
return namel+",";
}
}
else
{
document.getElementById("fName").innerHTML="*";
}
}

function funClass() //获得班级的方法
{
var cla = document.getElementById("classId").value;
return cla+",";
}

function funValue() //选择复选框的方法
{
var j=0; //这是一个记数器，用于记录复选框是否选择了三项
var s = document.getElementsByName("cId");
var str="";
for(i=0;i<s.length;i++)
{
if(s[i].checked)
{
str += s[i].value+",";
j++;
}
}
if(j!=3)
{
document.getElementById("fl").innerHTML="只能选择其中三项";
}else
{
document.getElementById("fl").innerHTML="";
}
document.getElementById("textarea").value=str;
return str;
}

function funstr()
{
var idv=funTxtId();
var namel=funtxtName();
var cls=funClass();
var lik=funValue();
var arrss=idv+namel+cls+lik;
//document.getElementById("textarea").value=arrss;
returnValue = arrss;
close();
}
</script>
</head>
<body>
<form name="form1"><br/><br/>
    Id:    <input type="text" id="txtId" onBlur="funTxtId()"><font id="ftxtId" color="red"></font><br/><br/>
    Name:  <input type="text" id="txtName" onBlur="funtxtName()"><font id="fName" color="red"></font><br/><br/>
    Class: <select id="classId" onchange="funClass()"><option value="A100">A100</option><option value="A200">A200</option><option value="A300">A300</option></select><br/><br/>
    Like:<font id="fl" color="red"></font><br/><br/>
        <input type="checkbox" name="cId" onclick="funValue()" value="唱歌">唱歌

      <input type="checkbox" name="cId" onclick="funValue()" value="交友">交友

      <input type="checkbox" name="cId" onclick="funValue()" value="看电影">看电影<br/><br/>

        <input type="checkbox" name="cId" onclick="funValue()" value="看书">看书

      <input type="checkbox" name="cId" onclick="funValue()" value="武术">武术<br/><br/>

    <textarea id="textarea" cols="28" rows="7"></textarea><br/><br/><br/>
<a href="javascript:form1.funstr()"> 提交 </a>

<input type="button" value="提交" onclick="funstr()">
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航