3个回答
展开全部
给你个三级联动的～～
直接放入html页面即可看到效果
<script>
/* 定义一组数据源 */
var group=new Array();
//group[i]=new Arrary('pereID'上级ID，'baseName'名称)
group[0]=new Array(null,"中国");//
group[1]=new Array(null,"美国");
group[2]=new Array(null,"英国");
group[3]=new Array(0,"北京");
group[4]=new Array(0,"上海");
group[5]=new Array(0,"福建");
group[6]=new Array(3,"长城");
group[7]=new Array(3,"故宫");
group[8]=new Array(4,"东方明珠");
group[9]=new Array(5,"厦门");
group[10]=new Array(5,"泉州");
group[11]=new Array(5,"福州");
group[12]=new Array(1,"纽约");
group[13]=new Array(1,"支加哥");
group[14]=new Array(2,"英格阑");
group[15]=new Array(2,"苏格阑");
/*----------------------*/
/*参数： */
/* pere：父级ID */
/* base: 子级ID */
/*----------------------*/
function show(pere,base){
var pereID=pere.value;//获取选择项的value的值
var count=0;
base[count++]=new Option("--请选择--");
for(i=0;i<group.length;i++){
if(group[i][0]==pereID){
//添加Option标签
base[count]=new Option(group[i][1]);
base[count].value=i;
count++;
}
}
base.length=count;//定义列表的长度
}
</script>
</HEAD>
<BODY onload="show(one,two);">
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">国家：</td>
<td><select name="one" onchange="show(one,two);">
<option value="0">中国</option>
<option value="1">美国</option>
<option value="2">英国</option>
</select>
</td>
<tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">省份：</td>
<td><select name="two" onchange="show(two,three)">
<option>--请选择--</option>
</select>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">城市：</td>
<td><select name="three">
<option>--请选择--</option>
</select>
</td>
</tr>
</table>
</BODY>
直接放入html页面即可看到效果
<script>
/* 定义一组数据源 */
var group=new Array();
//group[i]=new Arrary('pereID'上级ID，'baseName'名称)
group[0]=new Array(null,"中国");//
group[1]=new Array(null,"美国");
group[2]=new Array(null,"英国");
group[3]=new Array(0,"北京");
group[4]=new Array(0,"上海");
group[5]=new Array(0,"福建");
group[6]=new Array(3,"长城");
group[7]=new Array(3,"故宫");
group[8]=new Array(4,"东方明珠");
group[9]=new Array(5,"厦门");
group[10]=new Array(5,"泉州");
group[11]=new Array(5,"福州");
group[12]=new Array(1,"纽约");
group[13]=new Array(1,"支加哥");
group[14]=new Array(2,"英格阑");
group[15]=new Array(2,"苏格阑");
/*----------------------*/
/*参数： */
/* pere：父级ID */
/* base: 子级ID */
/*----------------------*/
function show(pere,base){
var pereID=pere.value;//获取选择项的value的值
var count=0;
base[count++]=new Option("--请选择--");
for(i=0;i<group.length;i++){
if(group[i][0]==pereID){
//添加Option标签
base[count]=new Option(group[i][1]);
base[count].value=i;
count++;
}
}
base.length=count;//定义列表的长度
}
</script>
</HEAD>
<BODY onload="show(one,two);">
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">国家：</td>
<td><select name="one" onchange="show(one,two);">
<option value="0">中国</option>
<option value="1">美国</option>
<option value="2">英国</option>
</select>
</td>
<tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">省份：</td>
<td><select name="two" onchange="show(two,three)">
<option>--请选择--</option>
</select>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">城市：</td>
<td><select name="three">
<option>--请选择--</option>
</select>
</td>
</tr>
</table>
</BODY>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
