设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 62|回复: 5
打印 上一主题 下一主题

四级联动

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-8 01:50:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<form name="form1" method="post">
<select id="s1" name="s1"></select><select id="s2" name="s2"></select><select id="s3" name="s3"></select><select id="s4" name="s4"></select>
</form>
<script language="JavaScript">
<!--
function LianDong(arr, sel)
{
var me = this;
this.$ = function(o)
{
return document.getElementById(o);
}
this.sub = function (i, pid)
{
for (var j=i+1; j<sel.length; j++)
{
me.$(sel[j]).length = 0;
me.$(sel[j]).options[0] = new Option("请选择", "");
}
for ( var j = 0; j < arr.length; j++)
{
if (arr[j][1] == pid)
{
me.$(sel[i+1]).options[me.$(sel[i+1]).length] = new Option(arr[j][2], arr[j][0]);
}
}
}
this.init = function()
{
me.sub(-1,"root");
for (var i=0; i<sel.length-1; i++)
{
me.$(sel[i]).onchange = function()
{
var i;
for (i=0; me.$(sel[i])!=this; i++);
me.sub(i, me.$(sel[i]).value);
}
}
}
this.init();
}
var array=new Array();
array[0]=new Array("华南地区","root","华南地区");
array[1]=new Array("华北地区","root","华北地区");
array[2]=new Array("上海","华南地区","上海");
array[3]=new Array("广东","华南地区","广东");
array[4]=new Array("徐家汇","上海","徐家汇");
array[5]=new Array("普托","上海","普托");
array[6]=new Array("广州","广东","广州");
array[7]=new Array("湛江","广东","湛江");
array[8]=new Array("湛江1","湛江","湛江1");
array[9]=new Array("湛江2","湛江","湛江2");
array[10]=new Array("广州1","广州","广州1");
array[11]=new Array("广州2","广州","广州2");
var select = new Array("s1","s2","s3","s4");
var liandong=new LianDong(array, select)
//-->
</script>
</body>
</html>
2#
发表于 2010-1-8 01:50:56 | 只看该作者
不错...挺简单
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-8 01:50:59 | 只看该作者
思路不错

只是希望法帖的时候最好说明是要共享你的程序还是要求助,就这样发段代码,很让人迷糊!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-18 17:48 , Processed in 0.085063 second(s), 9 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表