js的3级联动功能,大家帮忙实现

需要一个js实现的3级联动的代码... 需要一个js实现的3级联动的代码 展开
 我来答
匿名用户
2013-04-01
展开全部
<html>
<head>
<base href="<%=basePath%>"> <title>三级级联</title><script type="text/javascript">
var arr = new Array();
arr[1]=new Array("成都",1,1,"");
arr[2]=new Array("绵阳",2,1,"");
arr[3]=new Array("大邑",3,1,"");
arr[4]=new Array("北京市",4,2,"");
arr[5]=new Array("锦江区",5,"",1);
arr[6]=new Array("青羊区",6,"",1);
arr[7]=new Array("高新区",7,"",1);
//以上的Array 里的四个参数//第一个是我们要在页面上显示的//第二个是相应的 Value 的值//三四个是用来做相关判断的
var one;
var two;
var three;
//用来设置 select 的初始大小
window.attachEvent("onload",initCallPurposeDetailPage);
function initCallPurposeDetailPage()//初始化页面
{
one=document.getElementById("select");
two=document.getElementById("select1");
three=document.getElementById("select2");

}

function a(tValue)
{ if(tValue == 0){
two.length=1;//当我们选择“请选择”时设置全部 select 的大小
}
else{
two.length=1;
three.length=1;
for(i=1 ; i < arr.length;i++)
{
if((arr[i][2]==tValue)) {
two.options[two.length]=new Option(arr[i][0],arr[i][1]);
}
}
}
}
function b(tValue)
{
if(tValue == "0")
{
three.length=1;//当我们选择“请选择”时设置全部 select 的大小
}
else
{
three.length=1;
for(i=1 ; i < arr.length;i++)
{
if((arr[i][3]==tValue))
{
three.options[three.length]=new Option(arr[i][0],arr[i][3]);
}
}
}
}
</script> </head> <body>
<form action="" name="form1">
<select name="select" onchange="a(this.value);">
<option value="0">
请选择
</option>
<option value="1">
四川
</option>
<option value="2">
北京
</option>
</select>
<select name="select1" onchange="b(this.value);">
<option value="0">
请选择
</option>
</select>
<select name="select2">
<option>
请选择
</option> </select>
</form>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
abbeyone
2013-04-01 · TA获得超过119个赞
知道小有建树答主
回答量:107
采纳率:0%
帮助的人:67.4万
展开全部
ajax js的我不太会 jquery的用$.post方法
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式